<PI>ファビコンと共通アイコンを設定する【Favicon by RealFaviconGenerator】

2016/04/08

<PI>ファビコンと共通アイコンを設定する【Favicon by RealFaviconGenerator】

ワードプレスでブログ

たのちんではたくさんの便利なプラグインを利用させていただいています。

実際に使っている、または使っていたおすすめのWordPressのプラグインをご紹介します( *´艸`)

たのちんでは今のところ動作不良や不具合などは起こっていないと認識していますが、どなたの環境でもそれを保証するものではありません。

 icon-asterisk 必ずバックアップやローカル環境でチェックを行ったうえで実施してください。

たのちんではトラブルに対する責任を負うことはできませんので、ご自身の判断の元で便利に快適に楽しくご活用ください(∩´∀`)∩♪

 

スポンサーリンク

ado

 

【プラグイン】Favicon by RealFaviconGeneratorとは

Favicon by RealFaviconGenerator」は、ファビコンとアイコンを同時に設定できるプラグインです。

パソコンのみならず、iPhone・Androidなどのスマホなど、様々なOSのブラウザのファビコンとホームアイコンを一括して生成できます。

 icon-hand-o-up 設定は1つのアイコン画像を登録するだけなので簡単です。

ファビコンを設定するとブログのシンボルマークになりますのでとてもテンションが上がります。笑

Favicon by RealFaviconGenerator の機能

こんな感じにスマホのホームアイコンやパソコンのファビコンが設定できます。

icon_032316_020842_PM

 

プラグインのインストール

設定の前に、まずはプラグインのインストールと有効化をすませておきます( *´艸`)

 

プラグインの使い方

プラグインを使う前に、ファビコンに設定するアイコン画像が必要です。

 icon-caret-right 260×260ピクセル以上のサイズの、PNG形式かGIF形式の画像を用意します。

たのちんはこの画像を作りました。

f1

 

管理画面にログインして、「外観」→「Favicon」をクリックします。

f2

ファビコン用に作成した画像を選びます。

「Select from the Media Library(画像をライブラリから選択する)」ボタンを押して画像をアップロードするか登録済みの画像を選択します。

f3

画像を選択したら、設定画面へ進みます。

個別の設定はそんなに必要ないと思いますが、プレビューが表示されますので必要に応じて設定を変更します。日本語表記されないので…正直適当です。笑

f4

f5

f6

f7

プレビューを見ながら設定してみてOKなら一番下の確定ボタンを押します。

f8

これで設定は完了です。

おつかれさまでした(*´ω`)

 

PCやスマホでブックマークしているならぜひファビコンの表示を見てみてください。

キチンと表示できていたら設定はばっちりです。

 

たのちんが採用しているプラグインの一覧はこちら

 

-ワードプレスの使い方
-