gosign
GosignトップCSSWORDPRESSweb素材音楽素材NEWSGAMEお問合わせデザインホームページ

Stinger3カスタマイズ「favicon.ico」を置き換えてブックマークを華やかに

公開日: : 最終更新日:2014/10/13 CSS, wordpress , , ,

URLの先頭に出てくるアイコンは通称「favicon.ico」と呼ばれています。読み方はファヴィコン・ドット・イコとでも読むんでしょうか?
さて、Stinger3ではこの部分はデフォルトで「rogo.ico」というファイルが読み込まれるよう設定されています。これはこれでいいデザインなのですが、少し殺風景で地味な感じもします。ちょっと気分転換に変えてみたいという方は以下の方法で変更が可能です。

実践!カスタマイズ

①.icoファイルを用意する。

ao-systemというサイトなどでWEB上で作成可能です。
あらかじめ48x48pix,24x24pix,16x16pixの3つの画像を用意ください(ファイル形式は.gif / .jpg / .pngなど)

②Stinger3フォルダ内にあるimagesフォルダ内にある「rogo.ico」と置き換える

これで終了です。

 

あるいは、やり方として「example.ico」というファイルを新規作成して、これを読ませる場合は、「header.php」をカスタマイズします。上部<head>内の下記部分

<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/rogo.ico" />

の最後尾付近をいじります。
※変更前は必ずバックアップをとるよう心がけましょう。

変更後も、しばらくはキャッシュが残ってしまうので変更前の画像が残りますが、しばらくすれば更新されます。早く確認したいという方はトップページ画面で「F5」キーを何回か連打してみてください。

 

関連記事

Stinger3カスタマイズ・サイドバーの左右位置を変える

近年左右2カラム型のCSSテーマでは左側に広い記事エリア、右側に狭めなリンクエリアを設けるものが増え

記事を読む

Stinger3カスタマイズ「続きを見る」「もっと見る」の背景色を変更

スティンガー3を使い始めて、真っ先に思ったのは「続きを見る」の背景色が目立たなくて、デザインに埋もれ

記事を読む

Stinger3カスタマイズ「JQueryスライドショーbxSlider」を入れてみよう。

トップページに動的コンテンツを入れると画面が華やいでみえますよね。今回は「Java Script」の

記事を読む

no image

同じディレクトリ内に「index.php」と「index.html」を置いたときに.htmlファイルが優先されて表示するのを変更する方法

wordpress導入で「index.php」と「index.html」を同じディレクトリに置く必要

記事を読む

Stinger5カスタマイズ・サイドバーの左右を位置を変更する

いまだマイナーチェンジが続くStinger5ですが、骨子となる部分は固まってきた様子なので思い切って

記事を読む

Stinger3カスタマイズ・記事タイトル色を変更して目立たせよう!

Stinger3は、そのまま使っても十分優秀なテーマなんですが、使っているとやっぱり、黒文字だらけだ

記事を読む

Stinger3カスタマイズ「サイドバーの記事タイトル下の出だし」を消去する方法

正式名称はなんて言うのかはよくわからないですが、Stinger3のサイドバーの「NEW ENTRY」

記事を読む

PAGE TOP ↑