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

スポンサードリンク

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

以上です。

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

コメントを残す

メールアドレスが公開されることはありません。