ファビコン(Favicon)の設置 | 北九州市八幡西区『パソコン修理・データ復旧』IMオフィス
北九州市八幡西区『パソコン修理・データ復旧』IMオフィス

ファビコン(Favicon)の設置

2015年04月14日

本日は、自社サイトにファビコンの設置をおこないました。
ファビコンとは?なんですか?と知らない人もいつとおもいますが、サイトのアドレスバーの横に小さな画像が映っているサイトがありますが、その画像のことです。

大手サイトは、ほとんどファビコンを表示しています。
今回は、自社サイトにも採用してみました。まずは表示するファビコンの画像の作成です。 今回は自社のロゴをファビコンとして使用します。

ファビコンに最適は、画像サイズに変換です。16pxと32pxにリサイズします。変換された画像を、ファビコン用のファイルに変換する必要があります。ネットで「ファイビコン変換」などのキーワードをいれて捜せば、無料で出来るサイトは複数出てきます。

出来上がったファビコンファイルを今度は、自社サイトのindexファイルと同じルートディレクトリにアップロードします。

最後にワードブレス管理画面からテーマの編集より「header.php」ファイルに以下を追加してください。

<link rel=”shortcut icon” href=http://********/favicon.icotype=”image/vnd.microsoft.icon”>
<link rel=”icon” href=http://*********/favicon.ico” type=”image/vnd.microsoft.icon”>

********部分は、自社のアドレスを記入します。

これで完成です。