サイトアイコンを設定する方法

WordPressの管理画面には、サイトアイコン設定する機能があります。あなたのウェブサイト独自のアイコンを、ブラウザのタブや、スマートフォンのホーム画面などに表示することができるので、あなたのサイトを見分けやすくなります。

WordPressでサイトアイコンを設定する方法

サイトアイコンを設定すると、あなたのウェブサイト独自の画像を表示させることができます。サイトアイコンの表示場所は、ウェブブラウザのタブやブックマーク、スマートフォンやタブレットのホーム画面などです。

サイトアイコンの表示例
サイトアイコンの表示例

このような場所に独自のアイコンが表示されると、訪問者があなたのサイトを見分けやすくなるというメリットがあります。

サイトアイコンを設定する方法は?

WordPressでサイトアイコンを設定するには、以前はテーマを編集したり専用のプラグインを利用したりする必要がありました。

しかし、WordPress 4.3から、管理画面でサイトアイコンを簡単に設定できるようになっています。

管理画面上でサイトアイコン設定できない場合
もし、管理画面上でサイトアイコン設定機能を利用できない場合、WordPressのバージョンが4.3より古い可能性があります。セキュリティを強化するためにも、早急なアップグレードを実施することをおすすめします。くわしくは、WordPressのアップグレードをご覧ください。

サイトアイコン設定の主な手順は、次の通りです。

  1. 画像を用意する
  2. テーマカスタマイザーで設定する

画像を用意する

サイトアイコン用の画像は、あなたのサイトイメージに合ったものを用意しましょう。

画像のサイズについて
できれば512 ✕ 512ピクセル以上の正方形で用意してください。画像編集ソフトがなく用意できない場合は、大きめの画像をWordPress管理画面上で切り抜くこともできます。
アップロード済みの画像も利用可能
公開済みの投稿内で使用した画像など、すでにWordPress管理画面からアップロードした画像をサイトアイコンとして使用することもできます。

この記事は、下記の条件下で作成しています。ご利用環境によって、本文の内容と実際の画面が異なる場合があります。

  • WordPress バージョン:4.9.5
  • 使用テーマ:Twenty Seventeen
  • ウェブブラウザ:Google Chrome 66.0.3359.139

テーマカスタマイザーで設定する

テーマカスタマイザーは、サイトのデザインや表示内容を管理画面上でかんたんに編集できる機能です。管理画面の[外観]>[カスタマイズ]から開くことができます。

WordPress管理画面の[外観]>[カスタマイズ]

サイトアイコン設定画面を開くために、[サイト基本情報]をクリックします。

テーマカスタマイザー [サイト基本情報]をクリック

メニュー下部の画像を選択をクリックします。

サイトアイコン 画像を選択をクリック

画像を新たにアップロード、あるいはメディアライブラリから画像を選び選択をクリックします。

サイトアイコン用の画像を選択

以上で、サイトアイコンを設定することができました。

サイトアイコン 設定完了

設定完了後、ウェブブラウザのタブやブックマーク、スマートフォンやタブレットのホーム画面などで、サイトアイコンが正常に表示されるかどうか確認してみましょう。

関連ページ