趣味のPCソフト&ワードプレス・etc覚書

ワードプレスにファビコンを設定するプラグインFavicon Rotator

ワードプレスにファビコンを設定するプラグインFavicon Rotatorをインストールしてみました。

 ファビコンとは下図のブラウザに表示された赤丸で囲んだ画像のことです。

ファビコン

ファビコンはブックマーク等にも表示され文字だけでなく画像で識別できるので良いですね。

 早速、ファビコンを設定するプラグインFavicon Rotatorを入れたいと思います。

 プラグインの新規追加で検索窓にFavicon Rotatorで検索すると下図のようにプラグインが表示されますので、いますぐインストールをclickしてプラグインを有効化します。

Favicon Rotator

 

有効化すると外観のところにFaviconが現れますのでclickして画像を登録します。

Favicon設定

 

Browser Icon  [Add Icon] はパソコン用ファビコンを登録

Touch Icon [Set Icon] はスマホ・タブレット用のファビコンを登録

Favicon Rotator設定

 

なお、 Favicon Rotator を使ってサイトにファビコンを表示させるには、あらかじめファビコン用画像を準備しておく必要があります。

apple-1616×16px(PC用)

apple-3232×32px(PC用)

-apple-4848×48px(PC用)

apple-114114×114px(スマホ・タブレット用)

PC用には3サイズのファビコン画像を用意しましたが、特にこだわらなければ16×16pxまたは32×32pxだけでも良いです。

画像形式はpin形式gif形式jpg形式でかまいません。

ただし、Internet Explorerで表示させるためには[ico形式]に変換する必要があります。

とりあえずpig画像をセットしてみました。

下図のように[Favicon Rotator]に Icon が設定されました。

Favicon Rotator設定完了

 

当サイトのファビコンが表示されました。

Favicon表示

なお、画像を作成するのが面倒な場合はfreefaviconよりお気に入りの画像を探してみてはいかがでしょうか?

また、画像をIconに無料で変換できるファビコン作成サイトでを作成してはいかがでしょう。

Sponsor Link

  • このエントリーをはてなブックマークに追加

合わせて読みたい記事:

コメントはまだありません。

コメントを残す

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

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサードリンク

feedlyで購読

follow us in feedly

アーカイブ