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

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

This blog is kept spam free by WP-SpamFree.

関連記事

no image

「WordPress Popular Posts Stats」で人気記事を表示させてみた♪

この記事は約 1 分で読めます。 WordPressのプラグイン「Wordpress Popular Posts Stats」を使って、自分のサイトでよく読まれている人気記事を表示させてみることにしま …

no image

スマートフォンサイトのソースコードを見たいときに便利だったツール【AndroidとPC】

この記事は約 1 分で読めます。 今までPC用サイトだけだったのが、最近ではレスポンシブだったりスマホサイトだったり・・・と多様化してきました。 まだまだスマホでの表示は謎が多くて、毎回ドキドキしてま …

no image

jquery.nivo.slider.jsを使ってリッチなスライドショーにチャレンジ♪

この記事は約 1 分で読めます。今回も数枚の画像を使ったスライドショーを作りたいと思います。 見た目がキレイで、ユーザーが自由に前後の画像へ移動する事も出来て、ちょっとしたテキストも入れられるという・ …

no image

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

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

no image

WordPress 複数のサイドバーを使い分ける方法。

この記事は約 2 分で読めます。 WordPressのテーマを独自で作っていて、どのページも同じサイドバーでは面白くないなぁと思い…。 記事のページ(index.phpやsingle.php等)と固定 …