Webの記録

ファビコンその後・・・。

投稿日:

この記事は約 2 分で読めます。

3月2日投稿した「ファビコン」の話、その後・・についてです。
実は、IEでのファビコン表示が出来ずに苦戦していたんです。

そこで・・・いろいろ試した結果。
本日、やっとこさ表示出来ました!!パチパチ★

せっかく出来たので、ファビコン表示の記録を残しておきます。

  1. ファビコン用の画像を作る(Photoshopなどで16px四方で表示が出来るように作る)
  2. favicon.ico形式に変換する(ネット検索すると変換出来るフリーソフトやサイトがあります)
  3. favicon.ico画像をサーバーにあげる。Wordpressであれば、管理画面の「メディア」からアップロードする。
  4. ヘッダーに以下を記述する。WordPressの場合は、header.phpの中に記述。
<link rel="icon" href="favicon.icoのパスを記述" type="image/x-icon" />
<link rel="Shortcut Icon" type="image/x-icon" href="1行目と同じ" />

何とかこれで表示出来ました。
出来てみると何てことないんですけれど・・・ね。
どうやら、2行のうち2行目しか書いてなかったのが原因(?)みたいです。
とりあえず、解決して良かったです♪
これで、今取り掛かっているサイトにもファビコンを設置出来ます。

-Webの記録
-

執筆者:


comment

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

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

関連記事

no image

Chromeの拡張機能FireBugとSnifferを入れてみた♪

この記事は約 1 分で読めます。Webサイト作っている時、大活躍しているのがFirefoxの「FireBug」です。 私が確認しているブラウザは、IE,Firefox,Safari,Chromeですが …

カラーミーショップ無料テンプレート「Bit」のフリーページ表示順を変えてみた

この記事は約 1 分で読めます。 比較的安価でネットショップ初心者でも始められる「カラーミーショップ」。 スマホからのアクセスにも対応できる、シンプルなレスポンシブデザインの無料テンプレート「Bit」 …

no image

WordPress 複数のサイドバーを使い分ける方法。

この記事は約 2 分で読めます。 WordPressのテーマを独自で作っていて、どのページも同じサイドバーでは面白くないなぁと思い…。 記事のページ(index.phpやsingle.php等)と固定 …

no image

はじめてのHTML5。

この記事は約 1 分で読めます。 そろそろいろんなところで、HTML5を見かけるようになり・・・今イチバン気になっているのがHTML5です。 これからHTML5を覚えていこうと思っているところなので、 …

no image

WordPressログイン画面にオリジナルロゴを表示させる

この記事は約 1 分で読めます。 パッとひと目でそのサイトだと分かりやすくしたいなぁと思って、ログイン画面のロゴをオリジナルに変更してみました。 WordPressのバージョンによって、ロゴ部分のサイ …