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」以外のスタイルも追加できるので、

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

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

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

名前ダッチ

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

Twitterはこちら >>

関連記事

最近の記事

  1. アフィリエイト
  2. VPSサーバー
  3. ブログのネタ探し
  4. プログラミング
  5. SSLとは
  6. 常時SSL通信設定後にやっておくべきこと
  7. 常時SSL通信設定方法
  8. htaccessとは
  9. WordPress
  10. WordPress

Twitter

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

アーカイブ

PAGE TOP