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.

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

関連記事

no image

Webサイト移転の時に自動的にジャンプする方法

この記事は約 1 分で読めます。 たまたまいじっていたサイトでサーバーを移転する事になりました。 そんなワケで、ちょこっとメモ。 今回、独自ドメインをとっていなかった為、URLが変わります。 その場合 …

no image

WordPress カスタムフィールドを使ってみる

この記事は約 1 分で読めます。 WordPressの便利な機能のひとつ「カスタムフィールド」に今回チャレンジします♪ 「カスタムフィールド」は、記事本文とは別に項目を独自で作って表示するものです。

no image

s3Slider.jsを使ってFlashのようなスライドショーにチャレンジ♪

この記事は約 1 分で読めます。今回も、画像数枚のスライドショーをjQueryのライブラリを使って作ってみたいと思います。 今回チャレンジしてみたのは、「s3Slider.js」を使ったFlashのよ …

モバイル フレンドリー テストで合格しているのに、「スマホ対応」ラベルが付かない時

この記事は約 1 分で読めます。 スマホで検索していると「スマホ対応」と表示されるようになって、しばらく経ちました。 検索している時の順位も、「スマホ対応」と表示されてないページより、表示されているペ …

no image

WordPressテンプレートタグをメモ【コンテンツ編】

この記事は約 1 分で読めます。WordPressにはたくさんのテンプレートタグがあります。 似たようなものや、同じ結果なのに記述の仕方が何通りもあったりするので、後で「何だっけ?」って思う事もしばし …