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

関連記事

最近の記事

  1. ドメインについて
  2. WP:WordPress(ワードプレス)
  3. URL設計(URLデザイン)
  4. URL「ディレクトリ名」と文字アンダースコア(_)とハイフン(-)
  5. SEO対策(外部ファイルの読み込み)
  6. URL リダイレクト
  7. インデックスされない
  8. 内部対策は必要?
  9. CMS(シーエムエス)
  10. SEO業者は必要?

Twitter

アーカイブ

PAGE TOP