faviconをアップロードする【STINGER5】

デフォルトでは【STINGER5】のfaviconが表示されていますから、これを自分のfaviconに訂正します。

faviconってなーに?

Favorite icon(フェイバリット・アイコン)の略で、IEやGoogle Chromeなどのブラウザのアドレスバーやタブに表示される小さいアイコンのことです。

faviconを作成します

illustratorとかGIMPで作成します。
32px✕32pxで作成しましょう。
表示サイズは、16px✕16pxですが現在では多くのブラウザで32pxが使われているようです。
PNG , GIF , JPG(JPEG) 形式で保存します。
favicon

ico形式に変換します

faviconは、gifやpngでも表示されるのですが、IEでは表示されないようです。

このサイトでico形式に変換してくれます。
↓↓↓↓↓↓↓↓↓↓
ファビコン作成。favicon.ico 無料で透過マルチアイコンが作れます。

faviconをアップロードする

メディア⇒新規追加⇒メディアのアップロードからアップロードします。
FTPソフトでアップロードしてもいいですよ。
ただし、画像のURLはすぐ必要になるのでメモをお忘れなく。
ヘッダ部分の<head>から</head>の間に以下のタグを書き込んでください。
(親テーマのheader.php)

<link rel=”shortcut icon” href=”http://netdebusiness.mobacawa.com/wp-content/uploads/2015/01/favicon.ico” />

Firefoxでは表示されたのですが、IEで表示されければ、以下を記述して「favicon.ico」をドメイン直下にアップロードしてみてください。
IEの場合、何かと問題があるみたいで、なかなか表示されないようです。

<link rel=”icon” href=”http://netdebusiness.mobacawa.com/favicon.ico” type=”image/x-icon” />
<link rel=”Shortcut Icon” type=”image/x-icon” href=”http://netdebusiness.mobacawa.com/favicon.ico” />

ブラウザで確認する

各ブラウザでちゃんと表示されているか確認してくださいね。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする