PAK56_lalagatu500

【WordPress】簡単にFaviconとスマホホーム画像を設定しよう!Favicon Rotator!

 
WordPressでFaviconやスマホ用のホーム画像を設定したいと思ったあなた。
今回は簡単に両方いっぺんに設定出来るプラグイン「Favicon Rotator」を紹介します。

「ファビコンとかなんてヘッダーに設定するだけじゃん。わざわざプラグインでやる必要あるの?」

という声が聞こえてきそうですが。

 
MAR62_nekohitoyasumi500
「だってテーマのアップデートとかで毎回設定するのまんどくせくね?」

プログラミングやWordPressを習得するのに一番近道な方法とは?

「Favicon Rotator」をインストールしよう

いつものようにプラグイン→新規追加から「Favicon Rotator」を検索してインストール・有効化します。
Favicon Rotator検索

 
Favicon Rotator設定画面に移動しよう。
「外観」→「Favicon」メニューをクリック。
Favicon Rorator設定画面

 

Faviconとスマホホーム画面用の画像を準備

その前に、、、画像は準備出来ていますか?

 

Faviconを用意!

 
Faviconは

① 16px × 16px
② 32px × 32px
③ 48px × 48px

の3サイズをpngファイルでまずは用意しましょう。

 
次はその3ファイルを

favicon.icoを作ろう!

のサイトで3ファイルを設定してマルチアイコン化されたicoファイルをダウンロード。

 
なぜ3サイズが必要かは下記サイトを参考にしてくださいな。

ファビコンはマルチアイコンを推奨 -微ニ入ルソウル

 

スマホホーム画面用の画像を用意!

 
スマホホーム画面用の画像とは

スマホホーム画面1-2スマホホーム画面2-3

上記のように、スマホでWEBページのショートカットをホーム画面に設定するときの画像のことですね。

 

サイズは、

114px × 114px ※iPhone4以降

です。

これも準備しましょう。

 
 

用意した画像をFavicon Rotatorに設定

先ほどのFavicon Rotator設定画面に戻り、用意した画像を設定しよう!

Favicon Rotator設定するとこ

これで、Faviconもスマホホーム画面用の画像もいっぺんに設定出来ますよ!

 
 
HIRA85_ookinaakubiwosuruneko500
「簡単だったにゃ〜」

もし良かったらフォローとか購読して頂けると嬉しいです!╭( ・ㅂ・)و ̑̑ グッ !

follow us in feedly

コメントを送る

メールアドレスが公開されることはありません。

CAPTCHA