mp6_0 WordPress3.8から管理画面のデザインがMP6スタイルに変更されました。
プロフィールページで色も変更できたり、UIも使いやすくなりましたので結構気に入ってます。
しかし若干、サイドメニューの幅が短くなったので いろいろなプラグインでの各項目の文字の折り返しが増えて見にくくなってきました。

サイドメニュー
幅145px 文字部分128px (3.7.1まで)
  ↓
幅150px 文字部分126px (3.8.0から)

サブメニュー
幅145px 文字部分124px (3.7.1まで)
  ↓
幅150px 文字部分120px (3.8.0から)

mp6_4mp6_3



スポンサードリンク




そこで CSSを調整して、各項目の文字の折り返しがなるべく無くなるように各幅を調整してみました。
以下の例は15px幅を増やしています。(サブメニューはさらに +6px)
//管理画面CSS追加
function my_add_admincss_org() {
	//adminmenu offset
	echo '
	<style type="text/css">
		#adminmenu .wp-not-current-submenu .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu {min-width: 172px;} /* 150px */
		#wpcontent, #wpfooter {margin-left: 185px;} /* 170px */
		#adminmenuback, #adminmenuwrap, #adminmenu, #adminmenu .wp-submenu {width: 165px;} /* 150px */
		#adminmenu .wp-submenu {left: 165px;} /* 150px */
	</style>
	';
}
add_action('admin_head', 'my_add_admincss_org', 100);

これでスッキリしましたw
mp6_1mp6_2


※ /* */ 内はデフォルトの値です。
※ CSS部分をファイルにして echo '<link href="~ にしてもいいですし、
  Add Admin CSS のようなプラグインを使ってもいいです。
※ 不動産プラグイン(ver1.4.2~)はこれを採用しています。



おまけ

管理画面の色を変更できるのはご存知ですか?
Admin Color Schemes」というプラグインをインストールするとさらに多くのカラースキームを選択する事ができますょ



スポンサードリンク

Posted by on 2015/10/03



不動産プラグインポータル