個別記事のページです

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の常識
過度な営業は一切しておりません。

簡単無料お見積もり

問い合せ内容 見積り  相談  更新管理  PPC広告・SEO対策
  • 売上げアップ
  • 会社拡大
  • ブランド力を持ちたい
  • 新規事業参入したい
  • 単価を上げたい
  • 価格競争したくない
  • 社内環境を良くしたい
  • 経営者が楽になる
  • 社員を成長させたい
  • 良い求人が欲しい
  • 離職率を下げたい
  • 残業を減らしたい
  • 客層をよくしたい
  • 会社がうまく回るようにしたい
  • クレームを減らしたい
  • リピート、口コミを増やしたい
  • ターゲットを絞りたい
  • 会社の方針を明確にしたい
  • SEO対策
内容
お問合せ