Leeway's Life Log

札幌でWebデザイナーしてます。Mac、ガジェット情報など好きなこと書いていきます。

Stinger3 WordPress

「Stinger3カスタマイズ」ブログのシンボルであるファビコン(favicon)を変更する方法

投稿日:2013年9月22日 更新日:

Stinger3カスタマイズ_ファビコン

WordPress無料のテーマである、「Stinger3」のカスタマイズを行いました。

今回は、サイトのシンボルであり顔である、ファビコンを変更してみました。

Stinger3の初期のファビコンは、WordPressデフォルトのシンプルな緑のやつだったので、ファビコンはもっとも変更したいカスタマイズの1つでした。

今回参考にしたサイト
参照:【Stinger2】サイトの顔「ファビコン」を設定しました。|Oh-Blog

※作業する前に、必ずバックアップは取りましょう。

 

Stinger3カスタマイズ手順

カスタマイズ手順を紹介します。

1.ファビコン画像を作ろう

まずは、ファビコンの画像を作成しましょう。下記のサイトでファビコン画像の作成ができます。

参照:favicon converter

私は「16×16」で作成しました。拡張子が「XXXXXXXX.ico」というファイル名になったはずです。

2.作成したファビコンファイルをアップしよう

サーバーのimagesフォルダへ作成したファビコンファイルをアップしましょう。

メディアからアップしてもOKです。

3.修正するStingerのファイルを開く

ファイル名:header.php

「header.php」をテキストエディターで開きます。

4.Stinger、header.phpファイルを修正する

■修正前

下記のように、書いてある場所を探してください。私のStinger3のバージョンでは29行目あたりです。

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

 

■修正後

修正前ソースの場所を見つけたら削除し、次は下記のように書き換えてください。

<link rel="shortcut icon" href="ファビコンのURL+ファイル名(XXXXX.ico)" />

<link rel=”shortcut icon” href=”<?php echo get_template_directory_uri(); ?>/images/rogo.ico” />」を削除し、「<link rel=”shortcut icon” href=”ファビコンのURL+ファイル名(XXXXX.ico)” />」を追加します。

 

5.FTPソフトでサーバーへアップ

修正したソースをサーバーへアップして完了です。

以上、私が修正したやり方でした。上手くできたでしょうか。

サイトの顔であるファビコンを変えると、ガラッと雰囲気が変わりますよね。

スポンサーリンク

-Stinger3, WordPress

執筆者:


comment

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

*

関連記事

WordPress初心者にたまにある「ビジュアルリッチエディタ」が表示されなくて焦った

さあブログを書いてアップしよう!と思ったら、ビジュアルリッチエディターが表示されないというちょっとしたアクシデントが発生しました。   現在使用しているリッチテキストエディターのプラグインは …

「Stinger3カスタマイズ」画面下へ付いてくる、SNSボックスを削除する方法

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタマイズ記事です。修正した内容は、画面下部へ付いてくるSNSボックスを削除するように修正致しました。 SN …

今話題のSEOに強いWordPressのテーマ「Stinger3」をカスタマイズしてみる

SEOに強い「Stinger3」というテーマをカスタマイズしようと考えていおります。 「Stinger3」は、無料のテーマで、こちらのサイトからダウンロードすることができる。 SEO対策に強い無料Wo …

「Stinger3カスタマイズ」続きを見る(続きを読む)を右側へ移動させる方法

WordPress無料テーマである、「Stinger」シリーズの「Stringer3」のカスタマイズを行いました。 カスタマイズした場所は、TOPページの記事毎にある「続きを見る」を右側へ移動させまし …

Stinger3をカスタマイズしている私が、テーマをアップデートされた際の差分インストール方法を紹介

Stinger3がアップデートされた際の、差分インストール方法をご紹介致します。 Stinger3のカスタマイズを行っている方はやはり気になるんではないでしょうか。私は他の方がどうやっているのかすごく …

@LEEWAY

@leeway

はじめまして。当ブログ管理人のLeewayと申します。
20台後半の元サラリーマンです。現在はフリーで活動中。 書きたいことを自由に書いております。
更新情報などつぶやきますので、よかったらフォローお願いします。


follow us in feedly