賢威にファビコンを設定してみた

ファビコン用の3つの 画像はできましたか?

3177

 

つづいて、作成した3つの画像をマルチアイコンにしていきます。

 

WEBツールで変換する

ファビコン作成サイト にアクセスします。
 

fabicon105  

画像をダウンロードする

変換された画像を、以下の赤枠内ボタン「ダウンロード」で
ダウンロードします。
 

fabicon104  

ファビコン画像の完成で~す!


favicon
 

ファビコンのWordpressへの設定方法


ファビコン画像が完成したので、Wordpressへ設定していきましょう。
 

WordPressサイトへのファビコン設定方法には
 

直接画像をWordpressにアップロードして
header.phpにコードで指定する方法と
プラグインを利用する方法があります。
 

それぞれ解説していきますね。
 

画像をwordpressにアップロードして header.phpにコードで指定する方法

WordPressにファビコン画像をアップロードします。
 

ダッシュボード「メディア」→「新規追加」→「ファイルを追加」より
ファビコン画像をアップロードします。
 

uprord1500  

上の画像下部分の緑枠内がアップロードされたファビコン画像です。
 

ファビコン画像の横の編集をクリックします。
 

uprord02  

アップロードしたファビコン画像のメディア詳細より
下の緑枠部分のURLをコピペで記録しておきます。
 

このURLをheader.phpより指定していきます。
 

moza  

Wordpressダッシュボード「外観」→「テーマ編集」→「ヘッダー(header.php)」を開きます。
 

ダッシュボード

ダッシュボード02

 

(header.php)内の31列目辺りに
グリーンで囲んだ部分がありますので
 

php編集 以下の記述に書き換えます。
 

<link rel=”shortcut icon” href=”あなたのファビコン画像のURL”>

 

これで更新すれば完了です。


 

書き換えるのは分かったけど、小さな字がいっぱいで、どこに有るのか分からないよぅ!!というときは、ファビコンの文字列がどこに設定されているかチェックしてみましょう。
 

ファビコンは、ヘッダーファイル(header.php)内に
記述されていますのでそこからブラウザの
「検索(Ctrl+F)」を行います。
 

★(Ctrl+F)で右上に検索窓が開きます。

検索するキーワードは「.ico」です。

 

これで「.ico」にヒットすれば、そこにファビコンに関する記述がされています。

一番簡単な方法は、そこに記述されてあるファイルを
<link rel=”shortcut icon” href=”あなたのファビコン画像のURL”>
に差し替えることです。
 

この部分を

書き換える  

こんな感じに差し替えました。
 

ico g
 

これで更新すれば完了です。
 

こんな感じにできました!

kannsei

 

WordPressプラグイン「Favicon Rotator」を利用する

ここからは、WordPressプラグイン
Favicon Rotatorを利用する方法です。
 

Favicon Rotatorをインストールする
 

Wordpressプラグイン→新規追加→「プラグインの検索」より 
Favicon Rotator を検索します。
 

プラグイン01  

プラグイン02_  

Favicon Rotatorが表示されたらインストールします。
 

プラグイン04  

プラグインを有効化します。

 

ファビコン画像をアップロードします。
 

プラグインが自動調整してくれるため、アップロードする画像はファビコンサイズでなくても大丈夫です。
 

「外観」→「Favicon」よりファビコンにしたい画像をアップロードします。
 

外観04  

外観05  

これで設定完了です。
 

ワードプレスプラグインを利用でも簡単に設定できますが
今回はサイトが重くなるのを避けて、header.phpに記述する方法で作りました。
 

ファビコンを設定すると目立つので
ブックマークされた状態で
サイトを見つけてもらいやすい効果がありますね。
 

そして、なんといっても、

自分が作業するときに便利ですよ!

 

簡単な設定なので、まだの方はぜひこの方法で独自ファビコンを設定してみて下さいね。
 

最後までお読みいただきありがとうございました!
 


ランキングにも参加しています。
応援していただけると今まで以上に頑張れます^^


 

コメント・質問
どんな小さなことでも遠慮なくお問い合わせくださいね!

 

お問い合わせ250×200

コメントを残す

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

サブコンテンツ

自己紹介

kiro01  

このブログの運営者

キロルです!

1年後、10年後の不安をなくすため、訪問介護の仕事をしながら、

在宅ネットワークビジネスで 、将来に備えての生活設計に取り組んでいます。

このブログでは 「主婦だからこそアフィリエイト!正しい知識と経験を積み、インターネットビジネスで継続して 収入を得る!」 というコンセプトのもと、お役に立つ情報・実践を交えながらアフィリエイトについてお伝えしていきます。

お問い合わせ

 

ポストやぎ

お問い合わせ・メッセージは

こちらからどうぞ!

分からないことや不安に感じていることは、何でも相談してくださいね!

タグクラウド

アーカイブ

このページの先頭へ

pagepeel by webpicasso.de