ファビコン(favicon)とは何ぞや?と思う方も多いと思いますが、ブラウザのURLの前やタブの所に出てくるアイコンです。Gmailなら封筒の絵、appleならロゴマークのアレです。
たまたま作成するサイトを見つけたので、そこで当ブログのファビコンを簡単に作り、設置を行ってみました。
ファビコンを作る為に使ったサイトはここ。
ドット絵を作るような感覚で楽しい。
そして、Wordpress。ファビコンを設置するプラグインもあるらしいですが、プラグイン導入はサイトの読み込みを遅くしてしまいます。なので、プラグインを使用せずに設置です。
WordPressで使用しているテーマのルートフォルダに、上記で作成したファビコンを「favicon.ico」とリネームして保管し、使用しているテーマのルートフォルダにあるheader.php(または、headers.php)の一部におまじないを追記します。
<head>〜</head>タグの間に
<link href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” rel=”shortcut icon” />
を追記します。勿論、追記・変更したheader.php(または、headers.php)ファイルは保存します。※変更前にファイルをバックアップしておくと安心ですね。
これでファビコンの設置は完了です。多少は華やかになったかな?