キャリコ

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 に不正なアクセスをされました

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

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

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

WordPress Popular Posts の人気記事サムネイルにランキングの順位をつける方法

ニンニクがないと生きていけないキャリコ( @calicocatxyz )です。 …

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

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

WordPress で複数のショートコードを作成する方法
WordPress で複数のショートコードを作成する方法

やっと謎が解決、キャリコ( @calicocatxyz )です。 これは絶対ショ …

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

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

WordPress で一部のページにだけ外部ファイルを読み込ませる方法

ここのところ記憶に残る夢といえば泳いでるキャリコ( @calicocatxyz …

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

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

WordPress パンくずリスト決定版!親子関係も作れる完璧なコードは Web デザインレシピに載ってた

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

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

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