初心者ガイド:WordPressファビコンをサイトに追加するための3つの簡単な方法

公開: 2021-11-11

WordPressファビコンまたはサイトアイコンについて聞いたことがありますか? そうでない場合、ファビコンはブラウザタブのウェブサイトタイトルの横に表示される小さな画像です。 それとは別に、タブをブックマークしたり、スマートフォンデバイスなどのホーム画面にサイトを追加したりすると、ファビコンが表示されます。

したがって、ファビコンはブランディングの非常に重要な部分です。 それは人々があなたのサイトを簡単に識別し、あなたのブランドを素早く認識するのを助けるからです。 ファビコンは、Webサイトのユーザーエクスペリエンスも向上させます。

したがって、このトピックでは、サイトでファビコンを使用する場合の利点とその作成方法について説明します。 その後、Webサイトにサイトアイコンを追加するための3つの方法のいずれかを選択できます。 そして最後に、それを使用する際のいくつかのヒントがあります。

飛び込みましょう!

WordPressファビコンを持つことの利点

–ユーザーが開くタブが多すぎる場合に各サイトをすばやく特定する

–サイトのタイトルが表示されても、開いているタブのファビコンを介してサイトを見つけることができる場合は、UXを改善します

Favicon WordPressは、サイトをよりプロフェッショナルで印象的なものにするのに役立ちます。 したがって、これも信頼を築くことができます。

–さらに、顧客がサイトをホーム画面に保存したい場合、ファビコンは顧客のスマートフォンデバイスにアイコンとして表示されます。

WordPressファビコンの作り方

ほとんどの人は、ブランドのロゴをファビコンまたはサイトアイコンとして使用します。 そして、その画像がすでにある場合は、すぐに次の部分に進むことができます。 そうでない場合は、ガイドを読み続けてWordPressファビコンを作成してください。

この小さな画像は、PNG、JPEG、ICO、およびGIF形式である必要があります。 確かに、ファビコンはJPEG形式のファビコンを使用してInternetExplorerを除くすべてのタイプのブラウザで表示できます。

Adobe Photoshopの使用方法を知っている場合は、AdobePhotoshopを使用してサイトアイコンをすばやくデザインできます。 ファビコンに適用する必要があるサイズは512×512ピクセルです。 それは正方形の形をしていることを意味します。 さらに、デザインした画像は、透明な背景またはカラーの背景にすることができます。

ただし、既存の画像がある場合は、RealFaviconGenerator、Favicon.cc、またはFaviconGeneratorを使用してサイトアイコンセットを作成してみてください。

–RealFaviconGeneratorとFaviconGeneratorは、アプリアイコンの作成、PNGおよびICOファイルでのWordPress Change Faviconの提供、画像のアップロード後でもサイトアイコンの調整などに役立ちます。

– favicon.ccは、既存のイメージをまだアップロードしていない場合、または既存のイメージからアップロードしている場合に、サイトアイコンを最初から作成するのに役立ちます。

WordPressファビコンをWebサイトに追加する方法(3つの簡単なオプション)

ファビコンを正常に作成したら、それをWebサイトに簡単に追加できるようになります。 今それを行うための3つの方法を探りましょう:

WordPressカスタマイザーを使用してファビコンをアップロードする

WordPress 4.3から、管理パネルでファビコンをすばやく追加できます。 画像をアップロードしたら、それをトリミングすることもできます。 画像のサイズは少なくとも512×512ピクセルであることを忘れないでください。

つまり、WordPressエリアに移動し、サイドバーで[外観]を見つけて[カスタマイズ]を選択するだけです。

ワードプレスは外観をカスタマイズします

次に、[サイトID ]タブをクリックします。

ワードプレスサイトのアイデンティティ

次に、サイトアイコンの部分が表示され、 [サイトアイコン選択]ボタンをクリックします。

サイトアイコンを選択

その後、メディアライブラリ内の既存の画像を選択するか、コンピュータから新しい画像をアップロードするかを選択できます。

RealFaviconGeneratorを使用してファビコンを生成するには、パッケージをダウンロードしてファイルを解凍する必要があります。

[選択]ボタンをクリックすることを忘れないでください。

ファビコンシンプレスを選択

画像が標準サイズを超える場合は、WordPressを使用して画像をトリミングすることもできます。 ただし、画像が標準サイズと一致する場合は、変更を保存して公開するだけです。 これで、ブラウザまたはスマートフォンでファビコンを表示できるようになりました。 特に、モバイルのホーム画面にサイトアイコンを表示する場合は、ブラウザメニューの[ホーム画面追加]を選択するだけです。

ファビコンワードプレス変更する場合でも、上記の手順をやり直して実行できます。

プラグインを使用してファビコンWordPressを追加する

WordPressにファビコン追加する2番目の方法は、プラグインをインストールすることです。 このセクションでは、RealFaviconGeneratorによる無料のプラグインFaviconを使用することをお勧めします。 これは、デバイスとアプリアイコン用の多数の強力な機能を備えたシンプルで便利なプラグインです。 したがって、管理ダッシュボードを介してWordPressプラグインをインストールする方法を確認できます。

ファビコンプラグインをインストールします

プラグインが正常に有効化されると、サイドバーにホバー外観に、あなたの管理エリアに移動- >とファビコンを生成するためにファビコンを選択します。

最初の方法と同様に、メディアライブラリから選択して画像をアップロードできます。 少なくとも70x70ピクセルの正方形の画像を送信することを忘れないでください。 最も推奨されるサイズは260×260ピクセルです。

メディアライブラリから選択

[ファビコンの生成]をクリックすると、WordPressサイトではなくRealFaviconGeneratorWebサイトに移動します。

したがって、Webサイトの下部にある[ファビコンとHTMLコードの生成]ボタンをクリックできます。 その後、プラグインは管理ダッシュボードに戻ります。

サイトアイコンジェネレータ

ツールの動作が完了すると、 WordPressファビコンが起動し、iOS、デスクトップ、またはWindows8と10で異なる外観で準備ができていることがわかります。

3画面でサイトアイコンをインストール

FTP経由でファビコンを追加する

ファビコンをやりがいのある方法で追加したい場合は、FTP経由で追加できます。 まず、独自のファビコン画像を用意する必要があります。 次に、RealFaviconGeneratorパッケージを使用してこのメ​​ソッドを実行します。

1.FTPクライアントを介してWebサイトのファイルにアクセスする必要があります。

2.ルートディレクトリを決定し、ファビコンパッケージのコンテンツをアップロードします。 favicons.zipである必要があります。

すべてのファイル(wp-adminとwp-content)は同じフォルダーにある必要があることに注意してください。 WordPressファビコンの変更は以上です。

WordPressファビコンを使用するための追加のヒント

マルチサイトネットワークの場合、ファビコンプラグインをインストールすることを強くお勧めします。 テーマのファイルを編集することで、各ネットワークサイトにユニークで見事なファビコンを作成するのに役立ちます。

基本的に、 WordPressファビコンはサーバーに保存されます。 サイトを最適化するための多くのオプションが必要な場合は、CDNを使用してこの画像を提供できます。

これらは、参照できるWordPressでファビコンを変更する方法のヒントです。

最終的な考え

うまくいけば、 WordPressにファビコンを追加する方法とその利点に関する記事を理解してください。 サイトアイコンがある場合は、ブランド認知度とユーザーエクスペリエンスが向上します。 ファビコンを追加する方法は3つありますが、最も単純なオプションに関しては、最初の方法が最初の推奨事項です。

続きを読む:WordPressユーザーの役割:それらは何であり、それらをどのように使用するのですか?