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

公開日: : 最終更新日:2013/10/01 Stinger3, WordPress

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ソフトでサーバーへアップ

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

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

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

スポンサードリンク

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

関連記事

stinger3カスタマイズ画像

「Stinger3カスタマイズ」サイト名をテキストから画像へ変更

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカスタマ

記事を読む

WordPressビジュアルリッチテキスト表示されない

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

さあブログを書いてアップしよう!と思ったら、ビジュアルリッチエディターが表示されないというち

記事を読む

Stinger3カスタマイズ、SNSボックス

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

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタ

記事を読む

st3

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

Stinger3がアップデートされた際の、差分インストール方法をご紹介致します。 St

記事を読む

Stinger3カスタマイズ、マウス続きを読む

「Stinger3カスタマイズ」続きを見るの上にマウスを置いたら変化するようにしてみた

こんにちは。Leewayです。今回もWordPress無料テーマである、Stinger3のカスタ

記事を読む

stinger3カスタマイズ区切り線

「Stinger3カスタマイズ」トップページを見やすく!記事と記事の区切り線を追加する方法

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカス

記事を読む

st3

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

SEOに強い「Stinger3」というテーマをカスタマイズしようと考えていおります。

記事を読む

stingerカスタマイズ「続きを見る」

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

Wordpress無料テーマである、「Stinger」シリーズの「Stringer3」のカス

記事を読む

スポンサードリンク

Message

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


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

スポンサードリンク

写真 2016-05-29 12 23 33
超簡単!MacでBluetoothスピーカーに接続する方法

MacにBluetoothポータブルワイヤレススピーカーに接続

写真 2016-05-29 13 10 57
MacBookと相性抜群!BluetoothスピーカーのオススメはSONY「SRS-X55」で決まり!

SONY「SRS-X55」   どうもこ

wraplus for Macbook Air
ノートPCにオススメ!おしゃれなMacBookAir&Proケース10選

MacBook AirやProは、シルバーカラーのスタイリッシュな

MacBookステッカー
MacBookAirと一緒に買うと良いオススメアイテム5つ紹介!

こんにちは!メインPCをWindowsからMacに変えてからも

退職したい
退職したい人の背中を押すための記事

  ある検索キーワードで私のブログを訪れる方た

→もっと見る

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


    follow us in feedly
PAGE TOP ↑