個別記事のページです

2015年8月31日(月)
このエントリーをはてなブックマークに追加

Wordpressのログイン画面のロゴを変更する

Wordpressをたくさん管理していると 疲れているとき、どのサイトのログイン画面だろう?と思うことがあります。 
サイトのURLを見れば一目瞭然なのですが もっと視覚的に。
そう画像でわかったほうが管理ミスも減ると思います。 

そこで Wordpressのログイン画面のロゴを変更する方法をご紹介します。


 1.まずはログイン画面 現在は通常のログインロゴが表示されています。 通常ログイン画面


2.ログインをします 左メニュー [外観]→[テーマの編集]を選択します。
 右メニューの<テンプレート>から 「テーマのための編集 functions.php」を選択します。 
ファイル内容が表示されますので、編集画面の一番下に下記の記述をします。 ロゴ変更の編集画面
---------------
function login_logo_image() {
    echo '<style type="text/css">
            #login h1 a {
			width: 250px;
			height: 42px;
                background: url(' . get_bloginfo('template_directory') . '/wp-login-logo.png) no-repeat !important;
            }
    </style>';
}
add_action('login_head', 'login_logo_image');
--------------- 
ロゴはcssで記載されているため、 このファイルからCSSを上書きすることで、好きなロゴ画像を表示させることができます。


 3.FTPから選択しているテーマのフォルダ直下にCSSで指定したファイルを配置します。 ロゴファイルをアップロード ※テーマを変更したり、CSSで記載したパスが違うと表示されません。


 4.ログアウトをしてログイン画面を開いてみましょう ロゴ反映済


好きなロゴが表示されました!
 ロゴを変更するだけで一工夫されたサイトになりますので 是非お試しください♪

 ※functions.phpにはWordpress共通の設定が入っているので なるべくファイルの一番下に記述したほうが安全ですよ
書籍の内容と遜色のないPDFを無料プレゼントしております。
売れてる人しか知らない!売れるホームページの10の常識
過度な営業は一切しておりません。
お問合せ