ファビコンを設定する

いまさらながら、favicon(ファビコン)を設定していないことに気づいたので、早速設定してみたいと思います。ちなみに、ファビコンとはなにか、Wikiから抜粋しておきました。

favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon(フェイバリット・アイコン:お気に入りアイコン)という英語の語句を縮約したものである。

 

Worepressでの設定の方法はいろいろあると思いますが、プラグインで対応するのが簡単なので、それを使ってみたいと思います。

Favicon by RealFaviconGeneratorというプラグインを使ってみましょう。プラグインから検索して、インストールしてみましょう。

インストールが完了したら、管理画面>設定>Faviconを開きます。

Favicon_Settings_‹_tendoors_—_WordPress

Appearance>Faviconをクリックします。

Select from the Media Library をクリックして、あらかじめ準備したアイコン画像を、JPEG形式、サイズは260×260で用意します。

Cursor と Favicon tendoors WordPress

 

画像を選び、選択ボタンをクリックします。

 

Cursor_と_Favicon_‹_tendoors_—_WordPress 2

 

Generate Faviconボタンをクリックします。

 

Cursor と Favicon Generator Generate favicon pictures and HTML

Favicon Generator Generate favicon pictures and HTML

 

iOS、アンドロイド、ウィンドウ8向けのファビコンも生成してくれちゃいます。

最後のFavicon Generator Optionsを一つ設定しておきます。新規のサイトを生成する場合には、上のオプションで良いのですが、すでにサイトを提供し続けており、古いファビコンを更新したいケースには、下の選択肢で良いと思います。今回は下を選択します。

 

This is a new web site, nobody visited it yet. So there is no “old” favicon and no caching issue.

これは新しいウェブサイトであり、誰もまだ訪れていません。だから古いファビコンがなく、キャッシングに関する問題もありません。

 

The web site is already in production ad many people already visited it. I want returning visitors to see my new favicon, not the old one.

ウェブサイトはすでに提供されており、すでに多くの方が訪れています。私は再訪するユーザーに対して、古いファビコンではなく、新しいファビコンで見せたいです。

 

Cursor_と_Favicon_Generator_-_Generate_favicon_pictures_and_HTML 2

 

Generate your Fvicons and HTMl code ボタンをクリックします。

Cursor と Favicon tendoors WordPress 3

 

新しいファビコンが生成されて設定が完了しました。

早速ブラウザでサイトを開いてみると、Chromeのタブにファビコンが表示されていることがわかります。ブックマークするとファビコンが表示されていますね!

tendoors___インターネット野郎

以上です。

コメントを残す

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