Home > ホームページ制作 > ファビコン(Favicon)の設置

ファビコン(Favicon)の設置

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

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

ファビコンに最適は、画像サイズに変換です。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”>

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

これで完成です。

HOME