WordPress のファビコンまたはサイトアイコンを作成して追加する方法

「お気に入りアイコン」の略であるファビコンは、サイトアイコンとも呼ばれます。今ブラウザのページを見ると、おそらく多数のファビコンが表示されているでしょう。ただし、ファビコンについて意識的に気づいたことがないかもしれません。ファビコンが何であるか、またその機能については意識してください。では、ファビコンとは何ですか?なぜ WordPress ウェブサイトにファビコンが必要なのでしょうか?

この記事では、ファビコンとは何なのか、そしてファビコンがビジネスやブログにどのようなメリットをもたらすのかを正確に説明します。次に、WordPress ブログにすばやく簡単に追加する方法を見ていきます。

ファビコン/サイトアイコンとは何ですか?

ファビコンは、Web サイトのページタイトルの横にあるブラウザータブに表示されるアイコンです。ファビコンは、ブックマークしたサイトのリストで Web サイト名の横に表示されるほか、アプリのアイコンとしても使用され、WordPress では「サイトアイコン」とも呼ばれます。

ファビコンは通常、それが表すサイトのロゴの画像を取得します。ただし、より適切な場合は、サイトのブランディングやスタイルにリンクされた画像にすることもできます。一度選択したファビコンは、ビジネスのブランド変更が行われない限り、変更しないでください。そうすることで、Web サイトの閲覧者はファビコンに慣れ、ブラウザーのタブのラインナップでファビコンを認識できるようになります。

ファビコンの使用の重要性

ファビコンは、サイト訪問者に視覚的にマーケティングを行い、サイト訪問者とつながることを目的としています。ファビコンを追加すると、視聴者はアプリや Web ページの海の中であなたの WordPress Web サイトを無意識かつ即座に識別できるようになります。

ファビコンをよく知っていると、視聴者があなたをすばやく簡単に見つけることができます。また、ユーザーにサイトの存在を思い出させ、トラフィックと再訪問者数の増加につながります。最後に、ファビコンは、あなたのサイトを競合他社よりも際立たせ、信頼できるソースとしてのサイトを確立するのに役立ちます。

ご覧のとおり、ファビコンを使用するメリットは非常に大きいです。それでは、ファビコンを作成して WordPress ウェブサイトに追加する方法を見てみましょう。

ファビコンの作成

ファビコンプロセスの最初のステップは、適切な画像を作成することです。前述したように、ファビコンは、訪問者がすぐに認識できるように、Web サイトのロゴと同じ画像にするのが理想的です。

ただし、複雑なロゴの場合、ファビコンが不明瞭になったり、わかりにくくなったりすることがあります。その場合、ロゴを簡素化するか、別の画像を使用する必要があります。必ずあなたのビジネスを表し、明らかにあなたのブランドを反映したものを選択してください。

ファビコン画像のデザインまたは編集

WordPress Codex によれば、ファビコン画像の形状は正方形、寸法は少なくとも 512 x 512 ピクセルである必要があります。 WordPress では画像をトリミングすることができますが、編集ソフトを使用して事前に画像を編集することをお勧めします。

新しい画像を最初からデザインしたい場合、またはロゴを大幅に調整する必要がある場合は、専門の編集プログラムを使用するのが最善です。 Photoshop または GIMP は優れた選択肢です。

Canvaの使用

ただし、デザインの経験が浅い人にとっては、Canva を使用する方が簡単な解決策です。この無料のグラフィックデザインツール Web サイトを使用すると、画像を簡単に編集してファビコンに対応させることができます。ロゴのサイズを変更したり、色や透明度を変更して、サイトに適したファビコン画像を作成します。

ファビコンとして使用する画像に満足したら、gif、png、または jpeg 形式で保存する必要があります。ファビコンを WordPress ウェブサイトにアップロードする準備ができました…

WordPress サイト/ブログにファビコンを追加するにはどうすればよいですか?

サイトアイコンの追加は、Web 開発者やコーディングの深い知識を持つ人に任せるのが最善でした。しかし幸運なことに、WordPress 4.3 のリリース後、ファビコンの追加は非常に簡単かつ簡単になりました。

WordPress ダッシュボードを開き、メニューで外観 > カスタマイズを選択します。これにより、ライブ WordPress カスタマイザーが開き、Web サイトのホームページのプレビューが表示されます。

サイト ID を選択します。ここには、サイトのタイトルとサイトのアイコンが表示されます。

サイトアイコンで、ファビコンを追加、変更、削除できます。 [画像を選択] をクリックします。

WordPress メディアライブラリが画面に表示されます。 [ファイルのアップロード] タブを選択し、ファビコン画像をボックスにドロップするか、パソコンから画像を選択します。

メディアライブラリに戻り、画像にチェックが入っていることを確認し、右下隅にある [選択] をクリックします。 WordPress は画像をトリミングするかどうかを尋ねます。すでに編集プログラムで画像を編集している場合は、[トリミングをスキップ] を選択します。それ以外の場合は切り取ります。

カスタマイザのサイトアイコンの下に、アップロードした画像が表示されます。カスタマイザーの上部にある [保存して公開] を選択し、ページを更新します。これで、Web ページのブラウザタブにファビコンが表示されるようになります。

ある時点でファビコンを変更したい場合は、[サイトアイコン] で [画像を変更] を選択するだけです。ただし、前述したように、ブランドを変更する場合を除き、これはお勧めできません。ファビコンを継続的に変更すると、視聴者がブラウザーのタブやアプリを表示しているときに、どの画像が Web サイトを表しているかを識別できなくなります。

WordPress ウェブサイトにファビコンを追加するその他の方法

もちろん、WordPress ウェブサイトにファビコンを追加する方法は他にもたくさんあります。いくつかの異なるオプションを見てみましょう…

RealFaviconGenerator によるファビコン

多くの人は、テーマに依存するのではなく、プラグインを使用してサイトに機能を追加することを好みます。 RealFaviconGenerator の Favicon は、ウェブサイトにファビコンを追加したい場合に最適な WordPress プラグインです。

プラグインを WordPress ウェブサイトにインストールし、ポイントアンドクリックするだけで画像をアップロードし、ファビコンとして追加します。 RealFaviconGenerator は、さまざまなブラウザーやデバイスに必要なすべてのアイコンを生成します。これは簡単なプラグインで、無料でダウンロードして使用できます。

テーマのオプションページからアップロードする

新しいテーマの多くには多数の特徴や機能が備わっており、新しい WordPress ウェブサイトをすばやく簡単にセットアップできるようになります。これらのテーマの一部には、ファビコンを追加するオプションが付属しています。テーマのオプションページをチェックして、これが提供される機能かどうかを確認してください。たとえば、Total WordPress テーマには、組み込みのテーマパネルにファビコン (およびさまざまなデバイスサイズ) のオプションが含まれています。

コードの使用

Web サイトをコーディングしたい場合は、ファビコン画像をサイトのルートディレクトリにアップロードできます。次に、コードを header.php ファイルに追加する必要があります。このプロセスの詳細、および画像のサイズと画像を保存する必要があるファイルの種類の詳細については、WordPress サポートドキュメントを参照してください。

最終的な考え

ご覧のとおり、WordPress Web サイトにファビコンをアップロードするのは非常に簡単なプロセスです。ファビコンを持つことの利点は印象的で、ユーザーが画像を見つけるだけでサイトを識別できるようにするマーケティング戦略です。したがって、1 日の中で 30 分の空き時間を見つけて、サイトにファビコンを設定することを優先してください。

もうファビコンを起動して実行していますか?以下のコメント欄で、どのように過ごしたかを共有してください…