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

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

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

WPBeginnerを運営してきた長年の経験から、多くの人がファビコンの追加はデザインスキルやコーディングの知識が必要だと考えて後回しにしていることがわかりました。

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

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

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

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

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

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

WPBeginner ファビコン

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

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

ファビコンは、WordPressの検索エンジン最適化(SEO)にも役立ちます。検索結果のページに注意を払うと、通常、ページのメタタイトルよりも前にサイトのファビコンが表示されます。これにより、ウェブサイトが正規のもので信頼できるものに見えます。

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

ブロックテーマを使用しており、カスタマイザーが見つからない場合は、WordPress管理画面でテーマカスタマイザーが見つからない場合の対処方法に関するガイドをご覧ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

これを行うには、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を引用符で囲んで挿入します。サイトがSSL証明書を使用している場合は、http://またはhttps://を追加することを忘れないでください。

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

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

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

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

WordPressのファビコンが表示されない理由の1つは、ブラウザのキャッシュによるものです。これは、ブラウザがまだサイトの古いバージョンを表示していることを意味します。

この問題を解決するには、ブラウザのキャッシュをクリアする必要があります。ヘルプが必要な場合は、ブラウザのキャッシュをクリアする方法に関するガイドに従ってください。

また、サイトの古いバージョンをまだ保存しているCDNサービスを使用している可能性もあります。その場合は、CDNキャッシュをパージしてウェブサイトのコンテンツを更新する必要があります。

WordPressのサイトアイコンがアップロードされたかどうかを確認するには、incognitoモードまたはプライベートブラウジングウィンドウでウェブサイトを開いてみてください。

ファビコンのインストールがうまくいかなかった場合は、別のファイル名で画像を再アップロードして問題を解決してみてください。

WordPressサイトアイコン機能が、混合コンテンツエラーのために機能していない可能性もあります。この問題を解決するには、WordPressの混合コンテンツエラーを修正する方法に関するガイドをご覧ください。

場合によっては、ウェブサイトに独自のファビコンではなく、ホスティングプロバイダーのファビコンが表示されていることに気づくこともあります。これが起こった場合、サポートチームに連絡することで問題を解決できます。

このような問題を効果的に解決するために、優れたカスタマーサポートを提供する評判の良いWordPressホスティングサービスを選択することをお勧めします。当社の最適なWordPressホスティングプロバイダーのリストを確認して、ウェブサイトに最適なオプションを見つけてください。

最後に、WordPressのテーマにファビコンをアップロードするための特定のツールがあるかどうかを確認することをお勧めします。これが、上記の方法が機能しない理由を説明している可能性があります。

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

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

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

究極のWordPressツールキット

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

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

134 CommentsLeave a Reply

  1. WordPressカスタマイザー」の最初の方法でファビコンを追加しました。本当に簡単でした。しかし、このような小さなタスクにはプラグインを使用すべきではないと思います。プラグインが多すぎると、管理が難しくなる可能性があるからです。どう思いますか?

  2. この記事は、他のウェブサイトのロゴが検索結果に表示されるのに、自分のサイトのロゴが表示されないのはなぜだろうと思っていた私にとって、とても役に立ちました。「方法1:WordPressカスタマイザーを使用してファビコンを追加する」を使用したとき、Googleだけが表示されました。「方法3:WordPressファビコンプラグインを使用してファビコンを追加する」も使用しましたが、Yandex検索は表示されるようになったものの、Bingの検索結果ではファビコンが表示されませんでした。なぜかは分かりません。

    • ファビコンを変更した後に最近検索した場合、最も可能性の高い理由は、検索エンジンがまだあなたのサイトを再クロールしていなかったことです。

      管理者

  3. 私の意見では、ファビコンがあるとブラウザでウェブサイトの視聴者の注意を引き、スタイリッシュで審美的なタッチを加えることができます。おそらく、視聴者の目を引き、特徴的なものになるでしょう。

    • おっしゃる通りです。ファビコンは、パーソナライズとユーザーの注意を引くためのものです。ブラウザで複数のタブを開いている場合、ファビコンでウェブサイトを簡単に見分けることができます。ウェブサイトの個人的なスタンプのようなもので、覚えやすくなります。また、ウェブサイトをブックマークすると、ファビコンとともに保存されるため、特に整理されていない場合でも、多くのブックマークの中からナビゲートしやすくなります。ファビコンの小ささを考えると、私の意見ではウェブサイトにとって非常に重要です。

  4. こんにちは。私のウェブサイトのファビコンセクションが機能していません。テーマ設定でURLを指定しても表示されません。サイトIDの部分から試しましたが、画像の処理に失敗するというエラーが出ます。どうすればよいか教えていただけますか?

    • テーマの組み込みオプションを使用している場合は、まずテーマのサポートに連絡することをお勧めします。彼らはそのツールを使用してファビコン画像に特定の要件を持っている可能性があります。

      管理者

  5. 前回ウェブサイトにファビコンをアップロードしたとき、アイコンがウェブサイトに表示されないという問題に長時間苦労しました。ブラウザキャッシュとWordPress自体をクリアしましたが、効果はありませんでした。数時間後に自分で表示されるようになりました。誰かが問題に直面している場合、キャッシュは多くの場所に存在する可能性があります。CDN、自宅のネットワーク要素、サーバー。したがって、すぐにストレスを感じずにしばらく待つのが良い場合もあります。そうでなければ、ファビコンは小さなものですが、独自のページをカスタマイズするための素晴らしい方法です。

  6. ファビコンがあると、SEOに役立ち、ユーザーがサイトを覚えてくれるのに役立ちますが、必須ではなく、最初に設定したファビコンは後で別のものに変更できます。

    管理者

    • サイトオーナーがサイトロゴと同じ見た目のファビコンを使い続ける理由が今わかりました。

  7. ファビコンをアップロードすることは必須ですか、それとも検索ランキングに影響しますか?

    • ファビコンは必須ではなく、SEO や検索に影響を与えることはありません。これはページのパーソナライゼーションです。ファビコンは2つの点で優れています。誰かがあなたのページをお気に入りに追加した場合、ファビコンですぐに認識でき、長時間探す必要がありません。2つ目の利点は、ブラウザで複数のページを開いている場合です。ファビコンですぐに特定のページを認識することもできます。したがって、SEO や検索自体には実際の影響はありませんが、それでも持つことを強くお勧めします。

      • まさにその通りです、同意します。私も同じような問題を経験しました。検索中に様々なウェブサイトを開き、1時間後には目の前にあるChromeブラウザにたくさんのタブが開いていることに気づきます!しかし、ファビコンがあれば、多数のタブの中から目的のサイトを素早く見つけることができます。

  8. WordPressウェブサイトにファビコンをICOファイル形式でアップロードすることは必須ですか?

  9. 1-テーマ > カスタマイズ > サイトアイコンからサイトアイコンをアップロードするだけで大丈夫ですか?ファビコンとして表示されますか?
    2-WordPressウェブサイトにサイトアイコンをアップロードしました。ウェブサイトURL.com/faviconにファビコンを表示する必要がありますか?

    • 1. はい、そこからアップロードしても問題ありません。
      2. 必須ではありませんが、後でファビコンを見つけるのに役立ちます。

      管理者

  10. 更新が必要だと思います。これを試しましたが、「外観 > カスタマイズ」の下に「サイト基本情報」タブがありません。

    • 特定のテーマにカスタムエディターがある場合や、ブロックエディターを使用している場合は、サイトロゴブロックを追加し、画像を設定して、そのブロックの設定でサイトのファビコンとして設定できます。

      管理者

    • Our blob is a simple design of a face smiling using an exclamation point and parenthesis :)

      管理者

  11. こんにちは、クロムベースのブラウザでファビコンが表示されず、Firefoxでは表示される場合はどうすればよいですか?

    • 一般的な理由として、サイトのキャッシュをクリアし、再度ファビコンを設定してみてください。

      管理者

  12. ファビコンについて初心者なので、ご指導いただけると幸いです。私が管理しようとしているウェブサイトでは、ファビコンを変更する必要があります。現在ページに表示されているファビコンを上書きする新しい画像をファビコンとして読み込むことはできますか、それとも現在のものを削除してから新しい画像を読み込む必要がありますか?
    お返事お待ちしております。

    • 特定のテーマにこのオプションがあるかどうかは、お使いのテーマのサポートにお問い合わせください。

      管理者

  13. あなたが「サイトID」をクリックするまで、ビデオは問題ありませんでした…私のバージョンにはそのようなタブがありません。「グローバル」があり、次にヘッダー、パンくずリスト、UberMenu{main]、ブログなどがあります。「サイトID」はありません…したがって、その画面に到達できない限り、どこにも進めません。別の方法で入ることはできますか?

    • テーマに異なる設定があり、カスタマイズ設定でファビコンが見つからない場合は、お使いの特定のテーマのサポートに連絡して、テーマ固有の領域に配置されているかどうかを確認することをお勧めします。

      管理者

  14. こんにちは、Wpbeginnerさん!
    Astraテーマを使用していますが、ウェブサイトのファビコンはGoogle検索結果以外ではすべて機能しています。どうすれば修正できますか?

  15. これは、WordPressブログにファビコンを追加する方法についての素晴らしいガイドです。

  16. 素晴らしい!どんな問題に直面しても、いつもあなたのチュートリアルを参考にしています。ありがとうございます。

  17. WordPressウェブサイトにファビコンを追加できませんか?それが私の問題でした。かなりの調査を行った結果、問題の原因を見つけました。PHP GDライブラリが有効になっていなかったためです。幸いなことに、私は自分のサーバーを管理しています。サーバーのPHPをv7.2にアップグレードしましたが、PHP GDライブラリを有効にするのを忘れていました。したがって…WordPress管理画面の外観セクションでサイトアイコンを追加しようとしたときに、アップロード/選択した画像が受け入れられない場合や、画像トリミング機能が使用できない場合は、ウェブサーバーホストがGDライブラリを有効にしていないことが原因である可能性が非常に高いです。

    • 本当にありがとうございます!Xamppで作業していて、デフォルトで無効になっていたので、多くのフラストレーションを解消してくれました。記事に言及してくれていたら、もっと良かったのに。

  18. ウェブサイトのファビコンは、CloudflareのためにDNSを変更する前は表示されていました。現在は管理画面では表示されますが、ウェブサイト上では表示されません。この問題を解決するにはどうすればよいですか。私のウェブサイトで確認できます。

  19. このチュートリアルは素晴らしかったです!素晴らしい仕事をしてくれて本当にありがとう!

  20. 「サイトID」タブに移動しても、サイトアイコンをアップロードする場所がありません。唯一のオプションは「サイトタイトル」です。それだけです!
    WordPress 4.7.3を使用しています。

    • 使用しているWPテーマにはファビコンが実装されていないのだと思います。したがって、テーマのfunctions.phpファイルで宣言されていない場合、管理画面/エディタ側には表示されません。
      header.phpにハードコードするか、サードパーティのプラグインを使用できます。

  21. こんにちは。最近、ウェブサイトをHTTPからHTTPSに更新したのですが、その際にサイトアイコンが機能しなくなりました。これは、途中で何か手順を飛ばしてしまったということでしょうか?画像を別のものに変更して再アップロードしてみましたが、うまくいきませんでした。ウェブサイトのURLをhttpで入力すると古いファビコン(サイトアイコンではない方)が表示されますが、httpsにすると消えてしまいます。ただし、ダッシュボードにログインしているときはサイトアイコンが表示されます。

    • エレノア
      私もHTTPSを使用していますが、同じ問題が発生しています。解決策は見つかりましたか?
      ファビコンは、管理モードでログインしているときにのみ表示されます!

  22. 「サイトのID」タブに移動しても、サイトアイコンをアップロードする場所がありません。私にある唯一のオプションは「サイトのタイトル」です。それだけです!
    WordPress 4.7.3を使用しています。

    ヘルプをお願いします!

    • 使用しているWPテーマにはファビコンが実装されていないのだと思います。したがって、テーマのfunctions.phpファイルで宣言されていない場合、管理画面/エディタ側には表示されません。
      header.phpにハードコードするか、サードパーティのプラグインを使用できます。

  23. この新しい「サイトアイコン」機能がどのように機能するのか、誰か教えていただけますか? ファイルがアップロードされ、画像をクロップできるダイアログボックスが表示されるところまで行きます。問題は、1) 私の画像はクロップする必要がなく、2) 「保存」ボタン(または「完了」やそれに類するもの)がなく、「クロップ」ボタンと右上隅のXボタンしかなく、ダイアログを閉じることができます。「クロップ」をクリックするとエラー(画像をクロップ中にエラーが発生しました、 bla bla bla)が表示され、Xを押すと閉じます。どちらの場合も、画像はサイトアイコンとして保存されません(メディアライブラリに保存されていても)。画像を削除し、正確に512×512にリサイズしてから、再度アップロードします。今回は、クロップダイアログはなく、単に「画像を選択」ダイアログが表示されます。選択をクリックすると、画像にボックスとチェックマークが表示され、それ以上何も起こりません。保存などもありません。ダイアログを閉じると、「画像が選択されていません」と表示されたままです。これはChromeとFirefoxの両方で発生します。WordPressを捨ててすべて手動でコーディングする準備ができています。数年間WordPressを使用していませんでしたが、バグが多く、デザインが悪く、機能が肥大化しているように思われるものにフラストレーションを感じています。

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

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

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

  26. 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の古いバージョンに関して)?

    ありがとうございます!

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

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

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

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

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

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

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

        事前に感謝します、Malcs

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

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

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

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

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

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

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

返信する

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