ファビコンを設置しよう

こんにちは、明人です。


私のブログにお越しいただき、
ありがとうございます。


あなたのWebサイト(ブログ)には、
ファビコンを設定していますか?



今回は、Webサイトを作る時に、
特に初心者さんが設置を後回しにしてしまう、
ファビコンについてお伝えしたいと思います。


ブックマークやタブ表示の時に、
サイト名の前にちっちゃく表示されている、
アイコンがありますよねー。



あれが、ファビコンっていうんです。
(Favicon=Favourite+Icon)


設置することで、
他のブログと区別しやすくなるので、
差別化したい場合は、
必ず設置しておこう。



では、ファビコンの設定の仕方ですが、


いくつか設定方法があるので、
ご紹介しますね。


・テーマファイルを編集する方法
・ブログインを利用する方法



他にもあるのですが、
今回は、この2つをご紹介しますね。


まず、テーマファイルを編集する方法です。


この場合、ファビコン用の画像を準備しましょう。


ファビコンfavicon.icoを作ろう!
http://ao-system.net/favicon/


favicon07


こちらのサイトで作成してみましょう。


それぞれのサイズに変換する画像を選択、
「favicon.ico作成」をクリック。


2つ以上を選択していれば、
マルチアイコンが作成され、
1つなら、シングルアイコンになります。


favicon08


「ダウンロード」をクリック。


そして、ダウンロードした「favicon.ico」を、
サーバーのWordPressをインストールしている
フォルダ(wp-config.php)に
アップロードします。


WordPressの「外観→テーマの編集」
「テンプレート→ヘッダー」へ移動し、


以下のタグを
<header>~</header>の中に追記します。


<link rel=”shortcut icon” href=”自分のブログアドレス/favicon.ico” type=”image/vnd.microsoft.icon” />
<link rel=”icon” href=”自分のブログアドレス/favicon.ico” type=”image/vnd.microsoft.icon” />


これでファビコンの設定完了です。


次に、プラグインを利用する方法です。


こちらは、テーマを直接編集するのは、
どうも苦手、難しいと感じる方向けです。


いろんなプラグインがありますが、
今回は「Favicon Rotator」という
プラグインを使います。


まずは、インストールします。


「プラグイン→新規追加」をクリック。


検索欄に、「Favicon Rotator」と入力し、
Enterキーを押して、検索します。


favicon01


こちらのプラグインが表示されるので、
「今すぐインストール」をクリック。


favicon02


WordPressの管理画面から、


「プラグインを有効化」をクリック。


favicon03


プラグインの設定ができると、
ダッシュボードの「外観」に、
「Favicon」というリンクが増えます。


その「Favicon」をクリック。


favicon04


「Add Icon」「Set Icon」
それぞれ画像選択して、


favicon05


「変更を保存」をクリック。


サイズは、自動調整なので気にしない!


以上で、設定完了です。


どうですか?
どちらも、そんなに難しくなく、
簡単でしょ。




これで、差別化間違いなし。


分からなくなったら、いつでもご相談ください。
解決できるまで、お手伝いさせていただきます。


よろしくお願いします。


では、今日はこの辺で・・・


最後までお付き合いいただき、
ありがとうございます。

コメントを残す

サブコンテンツ

プロフィール

お気軽にご質問ください!



わからないことやお困りのことがあれば、お気軽にご相談ください。

このページの先頭へ