キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

WordPress でのファビコンやブックマークアイコンの設定方法

   

WordPress でのファビコンやブックマークアイコンの設定方法

時代は変わった、キャリコ( @calicocatxyz )です。

これまではファビコンやブックマークした際のアイコンなどは、各サイズを自前で用意して色々と面倒だったけど…

WordPress 4.3 以降では画像1枚で十分になりました。

ではでは早速ラテに紹介してもらいましょう。

それじゃあ、よろしくね♪

ラテ

こんにちは、ラテにゃ。

面倒な作業がなくファビコンなどのサイトアイコンを設置できるようになったのは本当に便利にゃ。

今回は WordPress での設定方法にゃ。

Ads by Google

サイトアイコンの設置方法

サイトアイコンとは?

サイトのアプリとブラウザのアイコンとして使用されるものにゃ。

アップルタッチアイコンとも呼ばれ、link タグで apple-touch-icon という記述を使用して指定するにゃ。

apple-touch-icon、57px、72px、76px、114px、120px、144px、152px の計8枚が必要で、WordPress 4.3 以前では自前で用意する必要があったにゃ。

リンクファビコンを設定したならアップルタッチアイコンも作ろう

詳しくはこの記事を参考にしてほしいにゃ。

用意するもの

用意するもの

アイコンは正方形で、幅・高さともに 512px 以上である必要があるにゃ。

まぁ、512px × 512px の画像があれば問題ないにゃ。

この画像が1枚あるだけでファビコン以外に apple-touch-icon なども同時に生成してくれるから楽だし便利にゃ。

WordPress に設定する

WordPress のダッシュボードから「 外観 」→「 カスタマイズ 」をクリックするにゃ。

カスタマイズ

次に「 サイト基本情報 」をクリックするにゃ。

サイト基本情報

すると「 サイトアイコン 」の項目が表示され、「 画像を選択 」をクリックするとサイトアイコンが選べるにゃ。

サイトアイコン

画像を選択するだけでサイトアイコンはこのように表示されるにゃ。

サイトアイコン

以上が WordPress でのファビコンやブックマークアイコンの設定方法にゃ。

まとめ

512px × 512px の画像を1枚用意して、少ない手順でサイトアイコンを設定することが出来るなら、サイトのオリジナリティを出すためにも設定しておいた方がいいにゃ。

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - WordPress

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

WordPress Popular Posts の人気記事一覧とは別に今見てるカテゴリの人気記事一覧も設置する方法

この調子だとイギリスの冬は越せないと思う、キャリコ( @calicocatxyz …

超簡単! WordPress で404ページだけアドセンスを非表示にする2つの手順

アドセンスの配置で迷ってるキャリコ( @calicocatxyz )です。 巷で …

Wordpress 初心者は必見!誰でもわかる「 条件分岐 」の超入門編
WordPress 初心者は必見!誰でもわかる「 条件分岐 」の超入門編

WordPress を使うようになってから PHP を扱うようになったキャリコ( …

WordPress 専用の高速レンタルサーバーを比較!GMO WP Cloud と wpX レンタルサーバー
WordPress 専用の高速レンタルサーバーを比較!GMO WP Cloud と wpX レンタルサーバー

レンタルサーバー乗り換えを検討中のキャリコ( @calicocatxyz )です …

WordPress に4行追加するだけ!特殊文字の自動変換機能を停止して文字化けを防ぐ方法

ただ今、旅行サイトを WordPress に移行中のキャリコ( @calicoc …

Photo credit : bluesyemre
WordPress の単一記事でパンくずリストにタグも表示させる方法

イギリスから日本まで3万円で帰れるルートを発見して大喜びのキャリコ( @cali …

WordPress でレスポンシブ対応の無料テーマ【 Point 】を導入して困った5つのこと

他サイト運営で STINGER5 以外のテンプレートを本格的に扱い始めたキャリコ …

Photo credit : http://www.kenston.k12.oh.us/
WordPress パンくずリスト決定版!親子関係も作れる完璧なコードは Web デザインレシピに載ってた

ようやくカテゴリとタグの棲み分けがわかってきたキャリコ( @calicocatx …

Photo credit : freepik
たった3行追加するだけ!パソコンとスマホの表示を別々にしてくれる分岐タグ

そろそろセントラルヒーティングを使ってもいいんじゃないかと思うキャリコ( @ca …

1
【 セキュリティ対策 】ロリポップの WordPress に不正なアクセスをされました

もう乗っ取られるのは嫌だ、キャリコ( @calicocatxyz )です。 みな …