WordPressの管理画面に手書きのCSSを反映させる方法

WordPress

本ページはアフィリエイトプログラムを利用しています

初めから投稿画面も用意されていて便利なWordPress
CMSがあっという間に作れてしまうので、ブログをはじめとしたウェブサイト制作ではなくてはならないものになっています。
そんなデフォルトでも十分な機能を持ったWordPressですが、その管理画面に手書きのCSSを反映させて、カスタマイズしたい時もあります。
そんな時には、functions.phpに記述することで管理画面に独自CSSを適用させることができますよ。

もうちょっとだけワードプレスの画面を使いやすくしたいときに

スタイルがすでに適用されていて最初から使いやすいWordPressの管理画面。
しかし、ちょっとスタイルを加えてカスタマイズすると、より投稿しやすくなったりしますよ。

WordPress管理画面に独自CSSを適用する手順

まずはWordPressの管理画面にCSSを適用する方法。
利用しているテーマのfunctions.phpに、下記のように記述します。

function my_admin_style () {
  echo '<style>
    ここにコードを記述
  </style>'.PHP_EOL;
}
add_action('admin_print_styles', 'my_admin_style');
WordPressの管理画面に手書きのCSS・JavaScriptを反映させる方法

「ここにコードを記述」と書いた場所にスタイルを記述することで、管理画面にスタイルを反映させることができます。

例えば上記画像のように見出しの文字サイズを大きくしてみたりと……まあ、こんなことはしないと思いますが、管理画面を独自のCSSで調整することが可能です。
CSSの指定をする際は、ページごとにbodyに独自のclassなんかが割り振られているので、それを元に指定すると良いかと思います。

まとめ

デフォルトから使いやすいWordPressの管理画面ですが、独自のスタイルで調整するとより使いやすく便利な管理画面にすることができます。
管理画面をちょっと一工夫したい時などにお試しください。

\楽天ポイント4倍セール!/
楽天市場
楽天Kobo電子書籍ストア
¥2,200 (2024/11/25 19:20時点 | 楽天市場調べ)
\楽天ポイント4倍セール!/
楽天市場

コメント

タイトルとURLをコピーしました