WordPressブログにファビコンを追加する方法(簡単な方法)

新しいブログのブラウザタブを見ると、サイト名の横にWordPressのロゴを示す小さなファビコンが表示されていることに気づくかもしれません。

これは新しいWordPressウェブサイトのデフォルト設定であるため、よく見られますが、ブランドアイデンティティを強化する機会を逃しているとも言えます。

ファビコンの追加にはデザインスキルやコーディング知識が必要だと考えて、後回しにする人が多いことがわかりました。

真実は、特に最新のWordPress機能を使えば、それよりもずっと簡単だということです。

今日は、WordPressサイトに独自のファビコンを追加する最も簡単な方法を説明します。これらの方法は初心者向けで、すべての主要なテーマで機能します。

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

💡クイックアンサー:WordPressにファビコンを追加する方法

WordPressサイトにファビコンを追加する主な方法は以下の通りです。

  • 方法1:WordPressカスタムizer – プラグインをインストールせずに、迅速な組み込みソリューションを求める初心者にとって最適です。
  • 方法2:WordPressフルサイトエディター – テーマがフルサイト編集をサポートしており、ファビコンが表示される場所をより細かく制御したい場合に理想的です。
  • 方法3:WordPressファビコンプラグイン – 追加のカスタマイズオプションを求めたり、複数のサイトでファビコンを管理する簡単な方法を求めているユーザーに最適です。
  • 方法4:コードによる手動アップロード – テーマファイルを編集したり、子テーマを使用したりすることに慣れている上級ユーザーにとって最適で、配置とファイル処理を完全に制御できます。

WordPressブログにファビコンを追加すべき理由は何ですか?

ファビコンは、ユーザーがあなたのウェブサイトを素早く識別するのに役立ち、ブランドアイデンティティを強化するため、WordPressブログにとって不可欠です。その小さなアイコンから、サイト訪問者はあなたのブログを簡単に認識できます。

ファビコンがウェブブラウザでどのように表示されるかは次のとおりです。

WPBeginner ファビコン

WordPressのファビコンのもう1つの目的は、ユーザーエクスペリエンスを向上させることです。複数のタブが開いている場合、ユーザーはファビコンを見て、自分がどのウェブサイトにいるかを知り、目的のウェブサイトに切り替えることができます。

ユーザーがモバイルデバイスにブログのショートカットアイコンやブックマークを追加すると、ファビコンはホーム画面のアプリアイコンとして表示されます。これにより、簡単なタップでウェブサイトに簡単にアクセスできるようになります。

WordPressブログにファビコンを作成する方法

まず、ブログの良いファビコンを作成する方法を学びましょう。

最適なWordPressファビコンサイズは、幅と高さが最大512ピクセルの正方形の画像です。ファビコンの画像形式は、ICO、JPEG、PNG、またはGIFです。

SVGもファビコンの一般的な形式ですが、WordPressではデフォルトで受け入れられません。ただし、WordPressを構成してSVGファイルの追加を許可することは可能です。

ビジネスブログを運営している場合は、ブランドロゴをファビコンアイコンとして使用できます。まだお持ちでない場合は、ウェブサイトのロゴの作成方法に関する初心者向けガイドをご覧ください。

ロゴが準備できていて、背景を透過させたい場合は、Photoshop または自動背景除去機能付きの無料の画像編集ツールを使用できます。ファビコンの透明度を維持するために、ファイル形式がPNGであることを確認してください。

使用できるもう1つのオプションは、Favicon.ioのような無料のファビコンジェネレーターです。このツールを使用すると、ファビコンをゼロからカスタマイズし、PNGおよびICO形式でファイルをダウンロードできます。

これを踏まえて、WordPress ブログに簡単にファビコンを追加する方法を説明します。4つの方法をカバーしますので、使用したい方法にスキップするには以下のリンクをクリックしてください。

準備はいいですか?始めましょう。

方法1:WordPressカスタムizerを使用してファビコンを追加する

これはWordPressでファビコンを変更する最も簡単な方法であり、クラシックテーマを使用しているユーザーにおすすめです。画像をアップロードするだけで、残りはWordPressが処理します。

まず、WordPressダッシュボードで外観 » カスタマイズに移動します。

WordPressカスタムizer

最新のブロックテーマを使用しており、カスタマイザーが見つからない場合は、以下の方法2に進むか、WordPress管理画面でテーマカスタマイザーが見つからない問題を修正する方法に関するガイドを参照してください。

次に、左側のサイドバーにある「サイトのID」タブをクリックしましょう。

WordPressテーマカスタマイザーでサイト基本設定タブを選択する

ここで、「サイトロゴ」、「サイトタイトル」、「タグライン」、「サイトアイコン」をカスタマイズするオプションが表示されます。

サイトのファビコンを追加したい場合は、「サイトアイコン」セクションまでスクロールダウンして「サイトアイコンを選択」をクリックする必要があります。

テーマカスタマイザーのサイトIDタブ内にある「サイトアイコンを選択」オプションを選択

WordPressのメディアライブラリが表示されます。既存の画像を選択するか、コンピューターから新しいカスタムファビコンをアップロードできます。

この例では、WPBeginnerのロゴをWordPressサイトアイコンとして使用します。

WordPressブログのファビコンとしてWPBeginnerロゴを選択

画像を選択したら、ウィンドウの右下にある「選択」ボタンをクリックします。

ファビコンが推奨サイズより大きい場合、WordPressはそれを切り抜くことができます。推奨サイズと完全に一致する場合は、そのままにしておくことができます。

画像がうまく表示されたら、「画像を切り抜く」をクリックするだけです。

WordPressブログのファビコンをクロップする

その後、WordPressカスタマイザーに戻ります。ここで、左側のサイドバーにある「公開」ボタンをクリックして、ファビコンの設定を完了できます。

これで完了です!ファビコンをアップロードしたら、WordPressウェブサイトにアクセスして、すでに表示されているか確認してください。

方法2:WordPressサイトエディターを使用してファビコンを追加する

ブロックテーマを使用しており、ブランドロゴをウェブサイトのヘッダーの一部とサイトアイコンの両方として追加したい場合は、この方法が適しています。

これを行うには、WordPress 管理パネルから 外観 » エディター に移動する必要があります。

WordPress管理パネルからフルサイトエディタを選択

このページでは、ウェブサイトをカスタマイズするための「ナビゲーション」や「スタイル」など、いくつかのメニューが見つかります。

このチュートリアルでは、ウェブサイトのヘッダーブロックパターンにアクセスするために「パターン」をクリックする必要があります。

WordPressフルサイトエディターでのパターンの選択

下にスクロールすると、いくつかのテンプレートパーツが表示されます。「ヘッダー」、「フッター」、「一般」です。

ファビコンを追加するには、「ヘッダー」テンプレートをクリックしてください。

WordPressフルサイトエディターでヘッダーパターンを選択する

次に、「ヘッダー」エントリをクリックしてテンプレートパーツの編集を開始します。

これでWordPressサイトエディター内にいます。

フルサイトエディターを使用してヘッダーを編集するために鉛筆ボタンをクリックする

ここから、ブロック追加の「+」ボタンをクリックし、「サイトロゴ」ブロックを検索できます。

ここに、WordPressファビコンになる画像を追加します。

ブロックインサーターを開いてサイトロゴブロックを見つける

ヘッダー内の好きな場所にブロックをドラッグアンドドロップしてください。この例では、ウェブサイトのタイトルの隣に配置しました。

次に、「サイトロゴ」ブロックのアップロードアイコンをクリックします。

WordPressブログのファビコンを挿入するために、サイトロゴブロックのアップロードボタンをクリックします

前の方法と同様に、既存の画像を選択するか、WordPressメディアライブラリから新しい画像をアップロードできます。

その後、ページ右側のブロック設定サイドバーに移動する必要があります。「サイトアイコンとして使用」設定をオンにするだけで、ロゴをファビコンとして追加できます。

ブロック設定サイドバーの「サイトアイコンとして使用」オプションをアクティブにする

最後に、ページ右上にある「保存」ボタンをクリックして、ファビコンを公開できます。

変更がウェブサイト全体に影響するという警告が表示されます。「アイコン」ボックスがチェックされていることを確認し、再度「保存」をクリックしてください。

フルサイトエディターで画像をWordPressファビコンとして保存する際にアイコンボックスをチェックする

すべての手順が完了したので、ウェブサイトを開いて変更が成功したことを確認できます。

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

WordPressファビコンプラグインを使用したい場合は、この方法に従って無料のFavicon by RealFavicongeneratorプラグインを使用できます。

まず、プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドに従ってください。

有効化したら、WordPressダッシュボードの外観 » ファビコンに移動できます。

その後、「メディアライブラリから選択」ボタンをクリックするだけで、新しい画像をアップロードするか、既存の画像を使用できます。

WordPressダッシュボードのFavicon by RealFaviconGeneratorプラグインへの移動

正方形の画像を使用する必要があることに注意してください。プラグインでは、サイトアイコンのサイズを幅と高さの両方で少なくとも260ピクセル、ただし70ピクセル未満にしないことを推奨しています。

画像を選択したら、「ファビコンを生成」ボタンをクリックしてください。

Favicon by RealFaviconGenerator プラグインページの「ファビコンを生成」ボタンをクリックする

これにより、プラグインはRealFaviconGeneratorのウェブサイトに移動してファビコンを編集します。

背景色や、Google検索結果ページ(SERPs)、iOS、Android、macOS Safari、Chrome、Windows Metroでの表示方法など、さまざまな設定をカスタマイズできます。

Favicon by RealFaviconGeneratorツールでファビコンの外観を編集する

「ファビコンジェネレーターオプション」セクションで、ウェブサイトが以前にファビコンを使用していたかどうかを確認するボックスをチェックできます。もしそうなら、使用しているファビコンのバージョンを示す数値を2番目のフィールドに入力するだけです。

このように、以前にあなたのサイトを訪れたユーザーは、古いファビコンの代わりに新しいファビコンを見ることになります。

すべてがうまくいったら、「ファビコンとHTMLコードを生成する」ボタンをクリックするだけで、WordPressサイトにファビコンが追加されます。

Favicon by RealFaviconGeneratorツールを使用してWordPressブログのファビコンを生成する

ファビコンは現在表示されているはずです。ファビコンが常に有効になるように、WordPressファビコンプラグインをアクティブに保ってください。

方法4:WordPressブログにファビコンを手動で追加する

最後になりましたが、テーマのコードファイルを直接編集することで、WordPressのファビコンをブログに追加できます。

これは、テーマカスタマイザーに「サイトアイデンティティ」セクションがない場合や、ブロックテーマを使用していてサイトロゴとは異なるファビコン画像を使用したい場合に役立ちます。

テーマのコードファイルを編集する最も簡単で安全な方法は、WPCodeプラグインを使用することです。

これは初心者向けの最高のコードスニペットプラグインです。私たち自身もこれを使用しており、ウェブサイトを壊すことなくカスタムコードを安全に挿入できることがわかりました。

詳細については、機能について詳しく解説したWPCodeのレビューをご覧ください。

WPCodeのホームページ

WPCodeのもう1つの素晴らしい点は、テーマを更新しても、ファビコンを含むコードの変更を失わないことです。

注意: このガイドでは、WPCodeの無料版を使用できます。ただし、Proサブスクリプションでは、スマート条件付きロジックやサードパーティ連携などの機能にアクセスでき、コードをより効率的に管理できます。

まず、WPCodeをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。WordPressプラグインのインストール方法

次に、ファビコンファイルを準備する必要があります。これには、Favicon.io のような無料のファビコンジェネレーターを使用できます。

ウェブサイトでは、「画像」をクリックして画像ファイルをzipファイルとHTMLコードに変換できます。または、「絵文字」または「テキスト」オプションを使用して、利用可能な絵文字やフォントでファビコンを作成することもできます。

Favicon.ioで画像オプションを選択する

次のページで画像をアップロードできます。次に、「ダウンロード」をクリックしてファビコンzipファイルを保存します。これには、favicon.pngおよびfavicon.icoファイルが含まれています。

次の手順に進む間、このウェブページを開いたままにしておいてください。

Favicon.ioから新しく生成されたファビコンをダウンロードする

次に、ファビコンのzipファイルをサイトのルートディレクトリにアップロードする必要があります。これを行うには、WordPressホスティングのファイルマネージャーを使用できます。

または、FileZillaのようなFTPクライアントを使用して行うこともできます。詳細については、WordPressにファイルをアップロードするためにFTPを使用する方法に関する初心者向けガイドをご覧ください。

ファイルマネージャーまたはFTPでウェブサイトのファイルを開いたら、ルートディレクトリに移動してください。

WordPressのルートディレクトリは通常、「public」または「public_html」という名前のフォルダで、wp-contentやwp-adminのような重要なWordPressフォルダが含まれています。

BluehostにおけるWordPressのルートディレクトリの一例

この時点で、以前ダウンロードしたファビコンファイルの内容をすべて展開し、ルートディレクトリにアップロードできます。

ファイルマネージャーを使用している場合は、上部近くにある「アップロード」ボタンをクリックできます。

Bluehostのファイルマネージャーでアップロードボタンをクリックする

次に、新しいタブが表示され、ファイルのアップロードを求められます。

このページで、「ファイルを選択」ボタンをクリックして、すべてのファビコンファイルを選択できます。

Bluehostのファイルマネージャーにファイルを挿入する

これで、ファイルのアップロードが正常に完了するのを待ちます。

完了したら、ファイルマネージャーのタブに戻ることができます。以下のスクリーンショットのように、ルートディレクトリにすべてのファビコンファイルが表示されているはずです。

ファビコンファイルをアップロードした際のルートディレクトリの外観

さて、WordPress管理画面に戻りましょう。

左側のサイドバーで、コードスニペット » ヘッダー & フッターに移動します。

WPCodeのヘッダーセクションにコードを貼り付けます

その後、先ほどの「Favicon.io」タブに戻ります。

次に、そこからHTMLコードをコピーする必要があります。コードには4つのlink rel タグが含まれているはずです。

Favicon.io から HTML コードをコピーする

次に、WordPressに戻り、WPCodeページの「ヘッダー」セクションにコードを貼り付けます。これにより、コードがウェブサイトのheader.phpファイルに追加されます。

コードスニペットでhref属性を探します。単純なファイル名を、ウェブサイトの完全なURLにファイル名を付けたもの(例:https://yoursite.com/favicon.png)に置き換える必要があります。

エラーを回避するために、引用符をそのまま残してください。

Favicon.ioのHTMLコードをWPCodeのヘッダーとフッターに挿入する

最後に、右上にある「変更を保存」ボタンをクリックできます。

これで完了です!ファビコンの変更が成功したかどうかを確認するために、ウェブサイトにアクセスすることを忘れないでください。

WordPressのファビコンが表示されないのはなぜですか?

ファビコンをアップロードしたのにサイトに表示されない場合は、心配しないでください。あなただけではありません。

これはよくある問題で、いくつかの簡単な理由で発生する可能性があり、通常は簡単に修正できます。

確認すべき点は次のとおりです。

  • ブラウザのキャッシュをクリアする: ブラウザは古いサイトデータを保存していることがよくあります。キャッシュをクリアすると、通常は問題が解決します。手順については、ブラウザキャッシュのクリア方法のガイドに従ってください。
  • CDNキャッシュをクリアする: CDNを使用している場合、古いファビコンが提供されている可能性があります。CDNキャッシュをクリアすることで、最新のサイトアイコンが表示されるようになります。
  • シークレットモードで確認する: プライベートウィンドウでサイトを開き、ファビコンが正しくアップロードされているか確認してください。
  • 別のファイル名で再アップロードする: インストールがうまくいかなかった場合、ファビコンファイルをリネームして再アップロードすることで問題が解決する場合があります。
  • 混合コンテンツエラーを修正する: サイトにHTTPとHTTPSのコンテンツが混在している場合、ファビコンが表示されないことがあります。WordPressの混合コンテンツエラーの修正方法に関するガイドをご覧ください。
  • ホスティングプロバイダーのアイコンを確認する: ホスティングプロバイダーのデフォルトのファビコンが表示されることがあります。この場合は、プロバイダーのサポートに連絡してください。
  • テーマ固有のファビコンツールを確認する: 一部のテーマには、ファビコンをアップロードするための専用オプションがあります。テーマの設定が、WordPressのデフォルトのサイトアイコンを上書きしていないことを確認してください。

💡プロのヒント: 信頼性の高いWordPressホスティングプロバイダーと強力なサポートを利用することで、ファビコンが表示されない問題やその他のサイト表示の問題のトラブルシューティングにかかる時間とフラストレーションを節約できます。

優れたホストは、サーバーサイドキャッシュ、混合コンテンツエラー、または変更が表示されるのを妨げる可能性のあるその他の競合を迅速に特定できるため、自分で解決する必要がなくなります。

最適なオプションを見つけるために、最高のWordPressホスティングプロバイダーのリストをご覧ください。

ファビコンの追加に関するよくある質問

WordPressサイトへのファビコンの追加に関して、読者からよく寄せられる質問をいくつかご紹介します。

ファビコンはSEOを改善しますか?

ファビコンはSEOランキングに直接影響しませんが、ブラウザのタブやブックマークでサイトを認識しやすくすることでユーザーエクスペリエンスを向上させます。これは間接的にエンゲージメントやクリック率をサポートする可能性があります。

ファビコンは16×16ピクセルと32×32ピクセルのどちらが良いですか?

ファビコンは通常、ブラウザのタブには16×16ピクセルですが、高解像度ディスプレイやブックマーク、ショートカットでの使用には32×32ピクセル以上が推奨されます。複数のサイズを使用することで、ファビコンがあらゆる場所で鮮明に表示されます。

WordPressウェブサイトにアイコンを追加するにはどうすればよいですか?

WordPressのカスタマイザー、フルサイトエディター、ファビコンプラグイン、またはテーマファイルへの手動アップロードを通じて、サイトアイコン(ファビコン)を追加できます。

よくあるファビコンの間違いは何ですか?

よくある間違いには、間違ったファイルサイズの使用、透明なPNGのアップロード漏れ、高解像度バージョンの無視、キャッシュのクリア忘れなどがあります。これにより、ファビコンが正しく表示されない可能性があります。

この記事が、WordPressサイトにファビコンを追加するのに役立ったことを願っています。また、プロのように見せるための最高の無料ロゴメーカーや、WordPressテーマにアイコンフォントを簡単に追加する方法に関するガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

134 CommentsLeave a Reply

  1. アイコンに512ピクセルが必要なのはなぜですか?WordPress内で一度変換され、ロードごとに変換されるわけではないことを願っています。32×32よりも大きいことはめったにないものに512×512はクレイジーですが、何か見落としていますか?

  2. 記事は役に立たない。みんなファビコンへのパスを作成するように言うだけで、それだけだ。

    しかし、http: www http はどのように含めますか?.ico .png を指定しますか?
    誰も詳細については何も言いません。

  3. WP4.7とサイトアイコン機能を使用すると機能しますが、私には少しおかしいようです。結果として、セクションに4つのリンクが表示されます:

    ただし、元の画像に加えて、32×32、100×100、150×150、180×180、192×192、250×250、270×270、300×300、360×360、500×310のサイズでサイトアイコン画像のバージョンが10種類作成されます。

    リンクされているのが4つだけなのに、なぜこんなに多くの切り取られた画像があるのですか?

    また、推奨されている512×512サイズのアイコン画像を提出しましたが、500×310のバージョンは常にトリミングされてしまい、アイコンの上下が切り取られてしまいます。これに対処する方法はありますか、またはこれは大きな問題ですか?

    このWPサイトアイコンは、どのブラウザをサポートしていますか(特にIEの古いバージョンに関して)?

    ありがとうございます!

  4. Whatsappで、リンクアドレスの左側に表示される画像は、リンクを送信した場合:それは同じアイコンですか?そこには表示されないのですが。

  5. Adobe Photoshop用のICOフォーマットプラグインは、256ピクセルを超える画像は許可しません。では、512pxの画像を作成するにはどうすればよいですか?

  6. ウェブサイトやソフトウェアで、迅速に効果的なファビコンを作成できるものを教えていただけますか????

  7. また、わかりやすいチュートリアルをありがとうございます。私は本当に初心者ですが、皆さんは私が理解できる方法で物事を説明するのが得意です。

  8. なぜ私のサイドアイデンティティメニューにサイトアイコンのサービスがないのですか?とてもイライラしています…助けていただけますか?

  9. ここで提供している手順はテーマ固有のものですか?Delicacyテーマを使用していますが、サイトIDを変更してファビコンを挿入するオプションがありません。

      • こんにちは、サイトIDタブが表示されません。スケッチテーマを使用していますが、テーマを更新するにはどうすればよいですか?

        事前に感謝します、Malcs

        • テーマカスタマイズに行けば、ファビコンアイコンを簡単にアップロードするオプションが見つかるはずです…

    • 「ファビコン」という言葉ではなく、「サイトアイコン」と表示されているかもしれません。スクロールバーが表示されている場合は、一番下までスクロールしないと画像選択ボックスが見えないことがあります。

    • WordPressの「カスタマイズ」エディターを使用してファビコンを追加できます。これはすべてのWordPressサイトで見つけることができます。

  10. ちょうど512×512ピクセルのPNGファイルをアップロードしましたが、WordPressはそれを保存し、メディアライブラリにクロップされた画像が表示されます。非常に迷惑です!WordPress 4.4。

    • 新しく切り抜かれた画像は、アップロードした元の画像とまったく同じ寸法ですが、ライブラリに2つあります(1つは2回処理されており、ファイルサイズが2キロバイト増加しています)。

  11. 説明されているとおりにディレクトリを調べましたが、サイトの識別情報タブには「サイトのタイトル」、「キャッチフレーズ」、ヘッダーテキストを表示するためのチェックボックスしかありません。どうすれば修正できますか?それとも FTP ルートを使用する必要がありますか?

    アドバイスありがとうございます!

  12. 機能しません。カスタマイズ > サイトのIDに移動すると、サイトアイコンのオプションが表示されません。「サイトタイトル」と「タグライン」しか表示されません。

      • こんにちは、私も同じ問題を抱えています。ブログを構築するために、ラップトップでWordPressのウェブサイトを使用しています!

    • 同じ問題を抱えています。WordPressをオンラインで直接使用しており、何もダウンロードしていません。「サイトアイコン」のオプションが全くありません。

    • それを理解するのに永遠にかかりました!!!!
      左上の「MY SITES」をクリックしてください
      「WP Admin」に移動します
      次に「SETTINGS」をクリックします
      右側でアイコン(画像)を変更できるようになります……

  13. やったー!完璧に機能しましたし、手順も非常に分かりやすかったです。本当にありがとうございました!

  14. Site Identity / Site Icon を通じて 512×512 ピクセルのジョグ画像を追加しました。画像はそこにきれいに表示されます。しかし、どのブラウザ(Firefox、IE、Chrome)でもファビコンとして画像が表示されません。

  15. すべての手順を実行しました。画像はカスタム設定では表示されますが、iPhoneやiMacのどのブラウザでもサイト上には表示されません。特定のファイルタイプが必要ですか?

  16. このオプションはサイトのIDを変更し、ファビコンを追加するためのもので、テーマ固有のものですか?セルフホストサイトにはありません。

  17. 貴方の記事に偶然たどり着けて、本当に嬉しいです。以前はファビコンのアップロード方法を理解しようとして諦めていました。不可能だと感じていたからです。しかし最近、もう一度挑戦する必要があると感じました。貴方のおかげでとても簡単になりました!以前はこんなに簡単にアップロードできたとは思い出せません。

    ありがとうございます!
    ニッキー

  18. こんにちは!

    質問があります。最近、All in One Favicon というプラグインを使いました。画像をアップロードしたのですが、WordPress にログインしていないと表示されず、常に HostGator のファビコン(通常のもの)が表示されます。誰か助けてもらえませんか?

  19. 馬鹿げた質問ですが:なぜあんなに複雑にするのでしょう?ブログ記事に画像を挿入するのと同じように、数クリックでできるはずです。

  20. ロゴを使いたいのですが、可能ですか?今は正方形の形式ではありませんが、できます。どうすればいいですか?iPhoto(Mac)で作成できますか?iPhoto のどこで、どのように作成しますか?ダッシュボードにすでに一つあります。どこかにドラッグできますか?PNG ファイルとして保存するにはどうすればいいですか?どこで保存しますか?

    ファビコンとは何かを理解するには良い一般的なサイトですが、やり方についてはそうではありません。

    • こんにちは、バートさん。私もこのプロセスにはまだ慣れていないのですが、あなたが到達しようとしている時点までは大丈夫です。ロゴを自分で作成したり、既存のロゴを編集して適合させることは、Photoshopのようなプログラムで行うことができます。ファイル名を新規作成し、サイズを16×16ピクセルに設定することを忘れないでください。この中に画像をインポートし、収まるように縮小してください。Photoshopやその他の画像編集ソフトウェアをお持ちでない場合は、手順がわかりやすい場所に行くことができます。PNGファイルである必要はないと思いますが、Faviconサイトが元の.jpegから変換してくれる.iconである必要があります。私はPhotoshopを持っているので、iPhotoの編集ボタンをクリックすると、自動的にPhotoshopが開きました。あなたのシステムで試してみて、何が起こるか見てみてください。別の編集方法が開くかもしれません。お役に立てば幸いです。初心者にとってどのようなものかはわかっています。

  21. ありがとう、君のおかげでサイトが役に立ったし、YouTubeの動画も役に立った。まだサイトを構築中なんだ。見てみて。

  22. ありがとうございます。探していたものですが、サイトロゴを追加するにはどうすればよいですか?wordpress.comにはサイトロゴを追加するオプションがありますが、セルフホストのWordPress CMSでは見つかりません。

  23. Thank you, this kept it simple and gives me a way to use this. Now, question: This will show a favicon for every page correct? What if I want a different one for each page? :)

  24. 背景画像なしでファビコンを追加できました。しかし、ブラウザで別のタブに移動すると、背景画像が表示されます。例えば、ファビコンは完璧に見えます。しかし、別のタブにいると、白い背景が表示されます。何かアドバイスがあれば幸いです!ありがとうございます!

  25. この行をheader.phpの</head>タグの前にどこでも追加するだけです。

    そして、favicon.icoをウェブサイトのルートフォルダにアップロードします。wpがインストールされているルートフォルダにアップロードしてください。サブフォルダにはfavicon.icoをアップロードしないでください。ブラウザを1〜2回更新すると、タブにicoが表示されます。

  26. これで問題は確実に解決し、すべてのページでファビコンが変更されましたが、ホームページだけは例外です!なぜでしょうか??助けてください!そしてありがとうございます!

  27. ブログにファビコンアイコンを追加するためのトップをありがとうございます。
    改めて感謝します

  28. ブラウザから/wp-admin/ページ経由で、オールインワンファビコンプラグインをインストールする方法はありますか?FTPは一切使わず、すべてブラウザから直接構築しました。

    • テーマカスタマイズに行けば、ファビコンアイコンを簡単にアップロードするオプションが見つかるはずです…

  29. 素晴らしい!!!(header.php) の一行を編集するだけでファビコンができました。

    しかし、Googleのように128×128のファビコンを好みます。

    ありがとう

  30. 本当にありがとうございます…ヘッダーとフッターの挿入を試しましたが、うまくいきませんでした。しかし、「All in one Favicon」を試したところ、うまくいきました。本当にありがとうございます。

  31. わー、ありがとうございます。これは本当に助かりました。私のブログはデフォルトのWordPressアイコンのままでした。

  32. 違いは何ですか?
    つまり、同じ目的を果たせるシンプルなプラグインが利用できるのに、なぜFTPをいじる必要があるのですか?

  33. 高解像度、あるいは「Retina」ディスプレイはピクセル密度が高いので、16×16でなければならない理由がありますか?

    なぜ私がそれを言及するかというと、画像をファビコンに変換するサイトを使ったことがあり、16、32、64ピクセルなどの複数のサイズオプションがあったからです。WordPressはこれに対応していないのですか?

    Excuse my ignorance, I’m pretty new to WordPress! :)

    Kelvin.

  34. プラグインをアップロードしなくても、サイトにファビコンを適用できます。

    簡単なステップ:-

    1) ホスティングCPanel —> ファイルマネージャー –>

    2) テーマフォルダでデフォルトの画像を探します。

    Ex- genesis/images/ favicon.ico

    デフォルトのファイル名(ここでは favicon.ico)を覚えて、.ico ファイルを同じフォルダにアップロードしてください。

    I don’t think that remembering a simple filename is annoying. :)

    その後、このファイルを削除し、新しい画像ファイルを以前のファイル名に変更してください。

    It Works :)

    • はい、Bluehost ではこのようにしました。そこにあった favicon.ico をアップロードした画像で上書きしました。唯一の違いは、オリジナルは 16×16 で設定されていて、同様の 16×16 を追加する必要があったことです。32×32 は受け付けませんでしたが、問題ありません、簡単に機能しました。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。