note から WordPress に出戻りました!😭

[ WordPress ] 投稿を編集する時、フルスクリーンモードの幅を拡げるユーザースタイルシート

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です!
ご訪問ありがとうございます。ゆっくりしていってね。(本ページは広告を含みます。)

2013年2月4日。WordPress で投稿を編集する時、フルスクリーンモードという編集方式が選べます。 ただ、デフォルトだと横幅が狭く編集しづらいので、横幅を拡げるユーザースタイルシートを書いてみました。

wp-fullscreen-2

▲ こんな感じで、横幅いっぱいまで使えます!

フルスクリーンモードの幅を拡げるユーザースタイルシート

/* フルスクリーンモードの幅を拡げる */
#wp-fullscreen-wrap { padding-top: 15px !important; width: 100% !important;
}
#wp-fullscreen-title, #wp-fullscreen-container { padding-left: 0 !important; padding-right: 0 !important; margin-left: 45px !important; margin-right: 45px !important;
}

ユーザースタイル適用前と適用後の比較

wp-fullscreen-1

▲ ユーザースタイル適用前。横幅が狭く、編集しづらい。

wp-fullscreen-2

▲ ユーザースタイル適用後。画面いっぱいの編集エリアで使いやすい!

今回試してみた環境

  • Stylish 1.0

  • Google Chrome 24.0.1312.52

  • WordPress 3.5

現場からは以上です。それでは、またッ!!!