今回はワードプレスのプラグインや、テーマのFunctions.phpに記載してワードプレスの管理画面に適応するスタイルシートを書く方法を解説いたします。
ワードプレスの管理画面でのみ出力されるStyleを記載する
ワードプレスの管理画面のヘッダーに出力されるコードをフックするアクションadmin_headを利用することでスタイルをワードプレスの管理画面で読み込むようにすることが可能です。
下記のようなコードをプラグインのPHPファイルや、テーマのFunctions.phpに書き込みます。
function admin_custom_style() {
echo
'<style>
/*ここにスタイルを記載します*/
</style>';
}
add_action('admin_head', 'admin_custom_style');
特定のページでのみ上記のスタイルを出力するようにする
add_action(‘admin_headの後に下記のように、ワードプレスの管理画面で表示されているURLからPHPプログラムの名称を付け加えますと、そのページでのみスタイルが出力されるようにすることも可能です。
function admin_custom_style() {
echo
'<style>
/*ここにスタイルを記載します*/
</style>';
}
add_action('admin_head-post-new.php', 'admin_custom_style');
add_action('admin_head-post.php', 'admin_custom_style');
add_action(‘admin_head-post-new.php‘, ‘admin_custom_style’);
add_action(‘admin_head-post.php‘, ‘admin_custom_style’);
太文字の部分が追加された部分になります。この例では、新規投稿画面と、投稿編集画面のみ記載したスタイルが利用されるようになるコードとなっております。
