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

だるかぶ

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

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

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

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

/* フルスクリーンモードの幅を拡げる */
#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;
}

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

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

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

今回試してみた環境

• Stylish 1.0

• Google Chrome 24.0.1312.52

• WordPress 3.5

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

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。