ファビコンを設置してみた。

ファビコン(favicon)とは何ぞや?と思う方も多いと思いますが、ブラウザのURLの前やタブの所に出てくるアイコンです。Gmailなら封筒の絵、appleならロゴマークのアレです。

httpの左にある奴

たまたま作成するサイトを見つけたので、そこで当ブログのファビコンを簡単に作り、設置を行ってみました。

ファビコンを作る為に使ったサイトはここ。

http://www.256pixels.com/

ドット絵を作るような感覚で楽しい。

そして、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)ファイルは保存します。※変更前にファイルをバックアップしておくと安心ですね。

これでファビコンの設置は完了です。多少は華やかになったかな?

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください