簡単にWordPressファビコンを追加する方法

パー パッシーガイ | WordPressのチュートリアル

WordPressファビコンを簡単に追加する方法を見つける必要がありますか？ このチュートリアルに従って調べてください

ファビコンは、Webサイトを表す小さな正方形のアイコンです。 通常、ブラウザタブのWebサイトタイトルの横に表示されます。 ファビコンは、ブラウザの履歴、ブックマーク、およびWebサイトで視覚的なIDが必要な場所にも表示されます。

WordPressファビコンを追加する

この小さな詳細は、オンラインIDに不可欠です。 WordPressファビコンとWordPressWebサイトにファビコンを追加する方法について説明します。

ただし、開始する前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法 

それから私たちがここにいる理由に戻りましょう。

Webサイトにファビコンを追加することが重要な理由

ファビコンは基本的にあなたのウェブサイトIDです。 したがって、ロゴがそこに表示される可能性が高くなります。 あなたのウェブサイト上のその存在を無視することは確かに間違いです。

ファビコンがWebサイトに不可欠である理由はいくつかあります。

  • の認識として際立っています マーク
    ほとんどのユーザーは、ブラウザで複数のタブを開く傾向があります。 ファビコンがないと、ブラウザタブにページまたは投稿名のみが表示されます。 また、20個を超えるタブを開くと、タブが短くなり、どのタブがどのWebサイトを表しているのかを特定するのが困難になります。
    ファビコンがあると、ユーザーは各タブをより簡単に見つけることができます。 ファビコンが目立つ場合は、視認性だけでなく、 ユーザーエクスペリエンス.
  • 信頼を築く
    ファビコンがない場合、ユーザーに悪い第一印象を与えることになります。 ファビコンのないWebサイトは、プロフェッショナルに見えません。
    毎日のブログ専用のWebサイトを構築している場合、ファビコンがないことは関係ないかもしれません。 しかし、あなたがビジネスのウェブサイトやオンラインストアを管理しているとき、それは不可欠になります。
    あなたの 訪問者 プロに見えないウェブサイトでの取引は信用しません。
  • モバイルエクスペリエンスの向上
    これは、モバイルエクスペリエンスの時代です。 レスポンシブウェブサイトを持つことは、主にウェブアプリが現在増加しているため、モバイルユーザーを喜ばせるのに十分ではないかもしれません。
    ユーザーは、携帯電話のホーム画面でWebサイトをブックマークするだけです。 URLを入力する必要はもうありません！
    この状況では、よくできたファビコンを使用すると、XNUMXつの異なる方法で役立ちます。 まず、ファビコンがアプリアイコンとして使用され、次に、Webアプリを使用しているユーザーがあなたのアイコンを覚えています。 したがって、ファビコンはWebサイトに関連付けられます。

WordPressのファビコン作成

通常、ファビコンはブランドロゴです。 画像の場合、WordPressでは正方形を使用することをお勧めします。 512px X 512px.

より大きな画像を使用することもできますが、WordPressではサイズに合わせて画像をトリミングする必要があります。

画像を作成するには、 512ピクセル×512ピクセル、あなたはそのような任意の画像編集ソフトウェアを使用することができます AdobePhotoshopより （有料）と ギンプ （無料）または ファビコンジェネレータ

WordPressファビコンの背景色を選択できますが、透明度が優先されます。 あなたはフォーマットを使うことができます .JPEG、。ICO, .GIF ou 。PNG （必ずフォーマットを使用してください 。PNG 透明な背景を使用している場合）。

画像の準備ができたら、次のXNUMXつの方法のいずれかを使用してWordPressWebサイトに画像を追加できます。

1.WordPressカスタマイザーを介してWordPressファビコンを追加する

WordPressバージョンから 4.3、管理エリアからWordPressファビコンを追加するだけです。 これを行うには、以下の手順に従います。

  1. アクセス先 votre 管理ダッシュボード
  2. マウスを上に置く 外観->カスタマイズ
  3. 選択します ウェブサイトのアイデンティティ
  4. 上をクリックします ボタンを選択 下の写真 サイトのアイコンセクション
  5. 準備されたファビコンをアップロードします
  6. 上をクリックします [公開]ボタン 変更を保存します。

プロセスを正しく実行すると、ファビコンがWebサイトのタイトルの横に表示されます。 これをモバイルデバイスで設定するには、携帯電話からWebサイトにアクセスし、[ ホーム画面に追加します.

これで、ファビコンがホーム画面に表示されます。

WordPressファビコンを追加する

2.WordPressプラグインを使用してファビコンをWebサイトに追加します

と呼ばれるプラグインを使用してWordPressにファビコンを追加することもできます RealFaviconGeneratorによってファビコン。 使いやすく、より多くの機能を提供します。 必要な手順は次のとおりです。

  1. あなたのにアクセスする 管理ダッシュボード
  2. 選ぶ 拡張機能->追加
  3. タイプ RealFaviconGeneratorによってファビコン 検索ボックスで
  4. インストールしてアクティブ化します WordPressのプラグイン
  5. アクティベーション後、 外観->ファビコン
  6. ファビコンとして設定する画像をアップロードします。 画像編集ソフトウェアを使用して画像を編集する必要はありません。 プラグインがあなたに代わってそれを行います。 画像のサイズが少なくとも 70 X 70px。 それがより大きい場合はさらに良いです 260 260 X PX.
  7. 画像をアップロードしたら、ボタンを押します ファビコンを生成する.
  8. ボタンをクリックすると、プラグインがWebサイトに移動します RealFaviconGenerator.
  9. Webサイトで、検索してクリックします ファビコンとHTMLコードを生成します.
  10. プラグインはあなたをあなたのウェブサイトに戻します。 ファビコンが設定されたという通知が届きます。
  11. ブラウザとモバイルデバイスでファビコンがどのように表示されるかを確認します。
WordPressファビコンを追加する

3.WordPressファビコンをWebサイトに手動で追加します

公開する前に、ローカルの開発Webサイトでこれをテストすることをお勧めします。

  1. クライアントを介してテーマファイルにアクセスする FTP またはファイルマネージャー
  2. フォルダを探す /wp-content/themes/votre-theme
  3. ファビコンをテーマフォルダにアップロードします。 次のようなサブフォルダにダウンロードすることをお勧めします 資産
  4. このファイルパスを覚えておいてください
  5. 名前の付いたファイルを探します のfunctions.php 次のコードを追加します。
function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
 
add_action('wp_head', 'add_favicon');
  1. 後の行 href="'.get_template_directory_uri() ファビコンへのパスである必要があります。 また、正しいファイル名を使用していることを確認してください。 フォーマットを使用している場合 .icoファイル、これになります： 
function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
 
add_action('wp_head', 'add_favicon');

ファビコンを持つことは必須です！ 特に作成がとても簡単な場合。 ファビコンは、WebサイトのIDを表します。 それはあなたのウェブサイトの小さなスペースを占めるだけかもしれませんが、この小さな詳細はあなたのブランド認知度とユーザーエクスペリエンスを改善する上で特別な役割を果たします。

その他の推奨リソース

ご相談もお待ちしております ressources あなたのウェブサイトとブログのより多くの所有権と制御を取得するには、以下をご覧ください。

まとめ

WordPressにファビコンを追加する方法を説明するこのチュートリアルは以上です。 ご不明な点やご提案がございましたら、内でお知らせください commentaires.

しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi：史上最高のWordPressテーマ.

一方で、 さまざまなソーシャルネットワークでこの記事を共有する.   

...  

コメントを投稿

あなたのメールアドレスは公開されません。 必須フィールドは、マークされています *

このサイトでは、望ましくないものを減らすためにAkismetを使用しています。 コメントデータの使用方法の詳細.