プラグインの設定ページもレスポンシブ対応

説明

レスポンシブ対応したWordPressの管理画面。プラグインやテーマのカスタマイズで管理画面を拡張しているなら、切り替わるタイミングはきっちり押さえておきたいところではないだろうか。

確認方法は簡単で、ブラウザで幅を狭くしたり、広くしたりすればいい。整理すると、次のような感じになる（他にもあるかもしれないが）。

画面の見た目がはっきり変わるのが、幅が782ピクセル以下か783ピクセル以上かである。782ピクセル以下の場合は、ページ構成がシンプルになり、フォントサイズが変わることは意識しておきたい。

スタイルシートのスケルトンは次の通り。

<style type="text/css">
/* 幅が901px以上のスタイル */


@media screen and (max-width: 900px) {
	/* サイドナビゲーションがアイコンのみ */

}
@media screen and (max-width: 850px) {
	/* 投稿画面のウィジェットが1段になる */

}
@media screen and (max-width: 782px) {
	/* サイドナビゲーションが消え、フォントが大きくなる */

}
</style>

まあ3.8と3.9ではスタイル設定が微妙に違っているので、最終的には実際の画面で確認してほしい。