wordpressのログイン画面のロゴ画像を変えたいとき、通常なら以下のようなコードをfunctions.phpに書くと思います。
lang
1function my_custom_login_logo() { 2?> 3 <style type="text/css"> 4 .login h1 a { 5 background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/header/logo.gif); 6 background-size: auto; 7 width: 265px; 8 height: 59px; 9 } 10 </style> 11<?php 12} 13add_action('login_head', 'my_custom_login_logo');
しかしこれだとphpに直接htmlタグとcssを書く形になるので、外部cssを読み込む形にしたいと思い、以下のようなコードに変えました。
lang
1function my_custom_login_logo() { 2 wp_enqueue_style("style", get_stylesheet_directory_uri() . "/css/style.css"); 3} 4add_action('login_head', 'my_custom_login_logo');
どちらも見た目としてはちゃんとロゴが変わっているのですが、後者の場合ブラウザからソースコード表示を行うと、bodyの閉じタグ近くでcssを読み込むタグ挿入が行われていました。
cssを読み込む位置は普通、headタグ内でなければいけないと思います。
よって、functions.phpに直接htmlやcssを書かず、ログイン画面のロゴ画像を変える外部cssをheadタグ内で読み込ませるフックなどはないのでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2014/11/06 05:46