★仙台弁を聞いでけさいん!

ファビコンをワードプレスに設置しよう!初心者にも簡単に出来ますよ。

仙台弁ブログということで、伊達政宗のファビコンにしました!ファビコンをつけていると、ブラウザのタブを開きすぎてしまった時の目印になって見つけることが出来たり便利ですし、

一度見てくれた方がサイトに戻ってきやすくなるというメリットもあると思います。ちいさくてかわいい、ファビコンぜひ設置してみてください。

設置してみでけさいん(仙台弁)

 ①アイコン(画像)を準備します。

当サイトの場合は、ICOOON MONOというフリー素材のサイトから使用させて

頂いています。ちょうど伊達政宗のアイコンがあったのでラッキーでした。

イラストレーターやフォトショップで作ることも、もちろん出来ます。

その場合のサイズは

・16×16(一般的なサイズ)
・32×32(chrome.firefox.safariなど)
・64×64(ディスクトップ ショートカット)

正方形の形です。
後ほどico形式で、まとめてダウンロードできる方法をお知らせします。

ファイル形式は
・ico
・png
・gif

準備した画像をファビコンの形式に変換する必要があります。pngやgifでも可能ですが対応していないブラウザもあるようなので.icoに変換します。

 ②.ico ファビコンの形式に変換する。

便利なサイトがありますので↓を使ってみてください。
https://ao-system.net/favicongenerator/

ページに飛んだら「画像ファイルを選択」をクリックしファビコンにする画像を選択して「ファビコン一括生成」をクリックします。

ファビコンが生成されるたら「ファビコンダウンロード」をクリックして下さい。生成したファビコンがZip形式でダウンロードされます。
これをワードプレスで設定していきます。

 ③ワードプレス テーマファイルで設定

メディアの新規追加をクリックして

先ほどのZip形式のファイルをそのままドラッグしてください。

★ファイルのURLをコピーしてください。

次は、外観→テーマエディターの右側のテーマファイルから
テーマヘッダー(header.php)を開き

<head>~</head>の間に下記コードを加えます。

 <link rel=”shortcut icon” href=”先ほどコピーしたURL”>

</head>の上でよいですよ。
画面を確認してみてください。どうですか?

もしも、ファビコンが表示されなかったら

・何度かページを更新してみる。
・ブラウザのキャッシュを削除してみてください。

コメントを残す

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

CAPTCHA