ファビコン(favicon.ico)の設置方法、WordPressでファビコンを表示させる方法

ファビコンを作成したら、次はホームページにそのファビコンを表示させる設定をしなければなりません。ここではファビコン(favicon.ico)の設置方法について説明したいと思います。

ファビコンをサーバーにアップロードする

まず、作成したファビコンを自分の使っているサーバーにアップロードします。

2012-07-19_09h51_51

例ではhttps://harublog.popnavi.net/img/favicon.icoにファビコンファイルを設置しました。

次にファビコンを表示させるために、htmlのタグ<head>~</head>の間に下記のタグを記入します。

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

※URLは自分のファビコンを設置したものに変更してください。

例:ホームページのソースでは下記のように表示されています。
2012-07-19_09h58_55

WordPressを使っている場合は「外観」→「テーマ編集」→「ヘッダー(header.php)」に追加してみてください。

テンプレートを更新させればこれでファビコンの設置は完了です♪
設置したホームページを表示させてファビコンが出てくるかどうか確認してみましょう!

ファビコンが表示されない場合はブラウザのキャッシュをクリアする

新しいファビコンを設置したはずなのに、前のファビコンが表示されて、キチンと表示されない!という場合は一度ブラウザーのキャッシュをクリアしてみてください。

Firefoxの場合「オプション」→「オプション」をクリック
2012-07-19_10h08_08

オプションの「プライバシー」のタブを表示させて「最近の履歴を消去」をクリック
2012-07-19_10h09_46

最近の履歴を消去で「キャッシュ」にチェックを入れて「今すぐ消去」をクリック
2012-07-19_10h10_38

これでOKです。後はホームページを表示させた状態でファンクションキー「F5」を押してリロードしてみてください。

これで新しいファビコンが表示されるハズだと思いますshine.gif

関連記事リスト

カスタム投稿タイプを使ってカメラ専用のページを作る②
カスタム投稿タイプで専用ページを作る方法②です。今回はテンプレートの作...

WordPressにCSV Importerを使ってWeb APIデータをインポートする
Web APIで取得したXMLデータをCSVで保存をし、そのデータをW...

Googleアドセンス収益アップセミナーに参加して改善したこと。
大阪Googleアドセンス収益アップセミナーに参加してWordPres...

【覚書】ポスト記事の下に同カテゴリ内の関連記事をサムネイルつきで表示させる
個別ポスト記事(single.php)で、記事下に同カテゴリ内の関連記...

WordPress親固定ページで子ページの記事一覧を表示させる方法
サイト型アフィリエイトサイトを作る時に便利なのが固定ページの利用です。...

wordpressのデータベース(mySQL)に独自テーブルを作りデータを取り出す方法まとめ
WordpressのMySQLデータベースに独自テーブルを追加して、そ...

WordPressのカスタムフィールドを使って商品を価格順に並べ替える方法
Wordpressのカスタムフィールドを使って商品を価格順(数字順)に...

WordPressを導入したら始めに入れたい、おすすめプラグイン5個
WordPressを導入したら始めに入れたい、おすすめプラグイン5個に...

投稿する画像を任意のサイズに変更するワザ
WordPressでブログを投稿していると何かと面倒になってくるのが、...

カテゴリarchive.phpで子カテゴリ一覧を表示させるphpコード(WordPress)
カテゴリアーカイブページ(archive.php)で子カテゴリがあれば...

コメントを残す

このページの先頭へ