Webの記録

WordPressログイン画面にオリジナルロゴを表示させる

投稿日:

この記事は約 2 分で読めます。

keybord_img_mini

パッとひと目でそのサイトだと分かりやすくしたいなぁと思って、ログイン画面のロゴをオリジナルに変更してみました。

WordPressのバージョンによって、ロゴ部分のサイズが変わっているみたいなので、バージョンが変わると注意が必要かもしれませんが・・・。

簡単に変更できるので、試してみました。



ロゴ画像を準備する

WordPressバージョンが4.xの分は、サイズが縦・横84pxになるようです。(バージョンが変わった時に注意!)

今回「images」フォルダの中に入れて、「login-logo.png」という名にしました。

この画像をテーマの中に保存します。子テーマを使っている場合は、親テーマの中に保存します。


functions.phpに記述する

あとは、「functions.php」に以下のコードを記述するだけです。

※子テーマを使っている場合は、子テーマの「functions.php」に記述します。


//ログイン画面
function my_login_logo() { ?>

表示してみる

「変更前」は、お馴染みWordPressのロゴが表示されています。

通常のログイン画面

「変更後」は、オリジナルロゴが表示されます。

logo_after
(image:「西ゆうの世界」)


プラグインなしで、簡単にできました。ロゴ画像を変更するだけなので、そこまで手間もかかりません。
テーマをオリジナルにしたのなら、ロゴも一緒にオリジナルにするのも良いですね!

-Webの記録
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

無料で簡単!アイコンフォント「Font Awesome」を使ってみた

この記事は約 1 分で読めます。 先日SNSアイコンをつけた時に、アイコンフォント「Font Awesome」を使用しました。 無料で、初めてでも簡単に使えるアイコンフォント「Font Awesome …

no image

パンくずリストをGoogleの検索結果ページで表示させる方法

この記事は約 1 分で読めます。 Googleで検索をした時に、検索結果でサイトタイトルの下にパンくずリストが表示されているのを見かけたことはありませんか? 最近妙に気になって・・・(今頃?!)、私も …

no image

検索エンジンに登録する方法。

この記事は約 1 分で読めます。 Webサイトを作った後にするコト。 いくつもあると思うのですが、今回は検索エンジンに登録する方法にチャレンジしたいと思います。 いろいろ方法をググっていたら、「Goo …

no image

軽量で簡単に設置出来るjQueryスライダー「FlexSlider」。

この記事は約 1 分で読めます。 今までいくつかのjQueryスライダーライブラリを利用しました。今回も軽量で簡単に設置が出来る「FlexSlider」を見つけたので、早速メモです。 スマートフォンで …

no image

フッターをブラウザの下部に固定する方法

この記事は約 1 分で読めます。 コンテンツが少ない場合、フッターの下に余白が出来てしまいます。 さすがに、ちょっと気になる・・・ってワケで、今回はフッターをブラウザの下部に固定する方法をいろいろ試し …