WP:WordPress(ワードプレス)

WordPress管理画面にオリジナルのCSSを追加

カスタム投稿タイプを複数追加すると、

管理画面左カラムにメニューが増えすぎて管理画面が煩雑になる為か、

WordPressを使用されているお客さんから、

よく使う投稿タイプのメニューだけ文字サイズを大きくして見やすくして欲しい!

という要望を頂いたことがあります。

 

そんな場合には、

admin_print_stylesというフックを使って、

管理画面の<head>~</head>の中にオリジナルのCSSを追加すれば対応可能です。

 

例えば、

「sample」という投稿タイプを追加すると、

「id="menu-posts-sample"」というIDがメニューのテキストに設定されるので、

function menu_font_style(){

echo <<<EOF
<style>
#menu-posts-sample div.wp-menu-name{font-size:18px;font-weight:bold;}
</style>
EOF;

}

add_action("admin_print_styles", "menu_font_style");

のようなコードをfunctions.phpに追加してやれば、

そのメニューだけ文字サイズが大きく表示されます。

このような感じです↓
WP:admin_print_stylesをフック

 

もちろん、「font-size」以外のスタイルも追加できるので、

色を変えたり、マージンを設定したりすれば、

もっと見やすくなると思います。

0
この記事を書いている人
株式会社ディープ

名前ダッチ

メールアドレスadachi@deep-deep.jp

Twitterはこちら >>

  • コメント: 0

関連記事

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

最近の記事

  1. ホームページを活用
  2. Perl(パール)
  3. Perl(パール)
  4. ホームページを活用
  5. データ転送
  6. サーバ
  7. PHP(ピー・エイチ・ピー)
  8. WP:WordPress(ワードプレス)
  9. 色鉛筆
  10. WP:WordPress(ワードプレス)

Twitter

ダッチ@職業ブロガー兼プログラマー
@gatsu0000

ConoHa WING 2周年キャンペーン中

アーカイブ

PAGE TOP