WordPress ブログにファビコンを追加する方法


WordPress にファビコンを追加する方法を学びたいですか?

ファビコンまたはサイト アイコンは、ブラウザーの Web サイト タイトルの横に表示される小さな画像です。これは、ユーザーが Web サイトを識別するのに役立ち、サイトを頻繁に訪れる人はその小さな画像を即座に認識できるようになります。

これにより、ブランドの認知度が高まり、視聴者の間で信頼を築くことができます。 WordPress でよくある間違いに関する記事では、ファビコンを追加しないことがトップ 25 に入っていました。

この記事では、WordPress ブログにファビコンを追加する方法を説明します。

WordPress サイトにファビコンを追加する必要があるのはなぜですか?

先ほど述べたように、Web サイトのアイデンティティが確立されます。ただし、サイトの使いやすさとユーザー エクスペリエンスも向上します。この画像は、それをよりよく理解するのに役立ちます。

ほとんどのユーザーは通常、ブラウザ ウィンドウで多数のタブを開いています。これにより、タブの数が増えると Web サイトのタイトルが非表示になります。ファビコンは、ユーザーが Web サイトを識別し、必要なタブにすばやく切り替えるのに役立ちます。

ユーザーに、モバイル デバイスのホーム画面にサイトを追加するように依頼できます。サイトのアイコンまたはファビコンは、ユーザーがモバイル デバイスのホーム画面にサイトを追加するときにも使用されます。

ファビコンの作成方法

ブランドのロゴをサイトのアイコンまたはファビコンとして使用できます。サイト アイコン画像の推奨サイズは、幅と高さの両方が少なくとも 512 ピクセルです。サイトのアイコン画像は正方形である必要がありますが、より大きな長方形の画像を使用することもできます。WordPress では画像を追加するときに画像をトリミングできます。

Adobe Photoshop や Gimp などの画像編集プログラムを使用して、正確に 512 × 512 ピクセルのサイト アイコンを作成することをお勧めします。こうすることで、画像の正確な比率を維持できます。透明な画像を使用することも、選択した背景色で画像を塗りつぶすこともできます。この画像は、png、jpeg、または gif 形式にすることができます。

ビデオチュートリアル

このビデオが気に入らない場合、またはさらに詳しい説明が必要な場合は、読み続けてください。

WordPress にサイトアイコンまたはファビコンを追加する

WordPress 4.3 以降、WordPress 管理画面からファビコンやサイトアイコンを追加できるようになりました。 外観 » カスタマイズに移動し、「サイト ID」 タブをクリックするだけです。

WordPress テーマ カスタマイザーのサイト ID セクションでは、サイトのタイトル、説明を変更し、ヘッダーにそれらを表示するかどうかを制御できます。

サイトのアイコンをアップロードすることもできます。ファイルを選択ボタンをクリックして、サイトアイコンとして使用する画像をアップロードするだけです。

アップロードする画像が推奨サイズを超えている場合、WordPress では画像をトリミングすることができます。推奨サイズと正確に一致する場合は、変更を保存するだけです。

これで、サイトをプレビューしてファビコンが動作しているのを確認できるようになります。モバイル デバイスでサイトにアクセスし、ブラウザ メニューから [ホーム画面に追加] を選択することもできます。サイトのアイコンがホーム画面に表示されることがわかります。

プロのヒント: ファビコンの横に表示される SEO タイトルをカスタマイズしようとしている場合は、無料の All in One SEO プラグインが必要になります。詳細については、AIOSEO のインストールおよび設定方法に関するガイドを参照してください。

古い WordPress (4.2 以前) にファビコンを追加する

古いバージョンの WordPress を使用している場合、またはファビコンを手動でアップロードする方法を知りたい場合は、このステップが最適です。

まず、FTP または WordPress ホスティング ファイル マネージャーを使用して、favicon ファイルを Web サイトのルート ディレクトリに追加する必要があります。

その後、このコードをテーマの header.php ファイルに貼り付けるだけです。

<link rel="icon" href="https://word-press.club/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://word-press.club/favicon.png" type="image/x-icon" />

word-press.club をサイトの URL に置き換えてください。これで準備完了です。

テーマに header.php ファイルがない場合、または見つからない場合でも、心配しないでください。プラグインが用意されています。無料のヘッダーとフッターの挿入プラグインをインストールしてアクティブ化するだけです。

プラグインを有効化した後、設定 » ヘッダーとフッターの挿入に移動し、ヘッダー セクションに上記のコードを貼り付けて設定を保存します。

FTP をまったく処理したくない場合は、All in One Favicon というプラグインを使用することもできます。

この記事が WordPress サイトにファビコンを追加するのに役立つことを願っています。また、ランキングを向上させるための究極の WordPress SEO ガイドや、ウェブサイトを成長させるために必須の WordPress プラグインの専門家が選んだものを参照することもできます。

この記事が気に入っていただけましたら、WordPress ビデオ チュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。