北九州市八幡西区『パソコン修理・出張サポート』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”>

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

これで完成です。

関連記事

  1. サイトの高速化にお勧めプラグイン/JavaScript to Footer
  2. おすすめプラグイン SNS共有ボタンを簡単に取り付ける
  3. グーグルマップ登載について
  4. デザイン優先のサイトについて
  5. ワードブレスレイアウトの不具合
  6. フェイスブック アカント登録作業
  7. ホームページ制作(HP制作)に便利なソフト「BlueGriffon」
  8. ワードブレス過去にさかのぼって投稿する。
  9. グーグルアカント登録
  10. ヤフーショッピングストアー修正変更依頼