0WordPress無料テーマ「Simplicity」でファビコンを設定してみました。ファビコンという単語は馴染みが無いかもしれませんが誰でも良く目にしている「Webサイトのシンボルマーク」です。サイトのトレードマークみたいなものですね。そのサイトの印象を左右するので地味に大事だったりします。何も設定していないとただのコピー用紙みたいなアイコンになっちゃうので何の特徴も無くなってしまいます。インターネットを閲覧している読者の立場で考えても複数タブを開いてネットサーフィンをしている場合はファビコンに特徴があったほうが見分けが付きやすいので親切ですね。Webブラウザのタブで表示されるファビコンのサイズは16x16pxと小さいですが形や色に特徴があればタブの見分けが付きやすくなります。いうことで自分がファビコンを設定した備忘録として手順を書いておきます。ちなみに今回はSimplicityに20140812バージョンから追加された「メディアライブラリの画像をファビコンとして設定できる」機能を利用しているので他のWordPressテーマでは同じ方法が使えない可能性があります。無料素材サイトアイコン(.ico)ファイルに変換Simplicityでファビコンを設定WordPressに画像をアップロードファイルのURLをコピーファビコンを設定ファビコンが反映されたか確認まとめファビコン用の画像を作成ファビコン用の画像は.jpgや.pngなどの画像ではなく.icoという拡張子のアイコンファイルを使うので専用の画像ファイルを作らないといけないので注意が必要です。.icoファイルを作成するツールはいろいろあるのでそんなに心配する必要がないですけどね。無料素材サイト自分で美しい絵を描けるわけではないので無料素材サイトからサクッと画像を拝借しました。イメージはなんとなくパソ活ラボの「ラボ」って実験っていう意味だから三角フラスコを検索。無料アイコンをダウンロードライセンスを確認して「商用利用でも無料」となっているものを使うことにしました。素材サイトからはPNG画像をダウンロードします。アイコン(.ico)ファイルに変換PNGやJPGなどの画像ファイルをファビコンに使えるアイコン(.ico)ファイルに変換してくれるサイトで変換します。続いてSimplicityの設定画面でファビコンを設定していきます。画像をアップロードしてからSimplicityのカスタマイザーで設定するだけなので簡単です。作成したアイコンファイルをドラッグして、メディアライブラリへのアップロードします。最後にいよいよファビコンを設定します。管理画面左側の「外観」→「カスタマイズ」へ移動して、その他の設定から「ファビコンのURL」欄に先ほどコピーしたURLを貼り付けます。※テーマ側でファビコンを設定にチェックを入れないと全てのページに適用されないので気をつけてください。最後に「保存して公開」ボタンを忘れないようにクリックして完了です。設定が完了したらファビコンが設定されているか確認するために自分のブログを開いてみましょう。タブの左側にアイコンが表示されていれば設定が無事完了しています。設定しているのに反映されていない場合は試しにスーパーリロード(Ctrl+F5)をしてみてください。まとめメディアライブラリの画像をファビコンとして設定できるのは画期的ですね。普通ならFTPクライアントを使ったりしてicoファイルをアップロードしないといけないのでちょっとハードルが高かったです。Simplicityでブログを始めた人は画像さえ用意できれば設定はわりと簡単なのでぜひオリジナルのファビコンを作ってみたらどうでしょうか。⇒極限までChromeを便利にする拡張機能おすすめ60選スポンサーリンクこのページのシェア・保存はこちらスポンサーリンクスポンサーリンクAmazonでの買い物について当ブログではAmazonの商品をよく紹介しています。いつもコンビニ払いしている人は、Amazonギフト券をチャージするとポイントが余分にもらえるので、今まで知らなかったという人は読んでみてください。Amazonギフト券チャージタイプの詳細はこちらチャージする金額によって0.5~2.0%ポイント付与され、プライム会員ならさらに0.5%上乗せされます。ーーープライム会員の特典は「お急ぎ便無料」「プライムビデオで多数の映画やアニメ見放題」が特にお得。それ以外にも音楽・読書の使い放題サービスあり。一部でもよく利用する人なら非常におすすめです。記事が良いと思ったら、Twitterでツイートしたり、ブログなどで紹介してくださると嬉しいです。コメント(本文のみでOK。コメントをキャンセルメールアドレスが公開されることはありません。