最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

WordPress投稿でアイキャッチ画像が重複して表示されるのを修正する方法

WordPressの投稿で同じアイキャッチ画像が2回表示されると、イライラします。レイアウトが崩れ、記事が洗練されていないように見えます。

初心者のWordPressユーザーから、この問題についてよく聞かれます。重複したアイキャッチ画像が表示される理由を理解するのは、新規ユーザーにとって非常に混乱しやすいことです。

良いニュースは、これが一般的な問題であり、簡単な解決策があるということです。原因を特定すれば、WordPressが重複したフィーチャー画像を表示するのを防ぐことができます。

この問題を迅速に修正する手順を説明します。終了時には、投稿は意図したとおりに表示されるようになります。

WordPressでアイキャッチ画像が2回表示される問題を修正する

クイックアンサー:アイキャッチ画像が2回表示される問題の修正方法

アイキャッチ画像が2回表示されるのは、同じ画像がアイキャッチ画像として追加され、さらに投稿エディター内にも追加されたためです。修正するには、投稿を開き、エディター内の重複した画像をクリックして削除します。その後、投稿を更新してください。

WordPressでアイキャッチ画像が2回表示されるのはなぜですか?

これは、同じ画像がアイキャッチ画像パネルと投稿エディターの2か所に画像が追加された場合に発生します。

  • アイキャッチ画像はテーマによって制御されます — エディターには表示されないため、初心者も手動で追加してしまいます。
  • エディター内の画像は冗長です — テーマはすでにアイキャッチ画像を自動的に表示しています。
投稿エディターに挿入されたアイキャッチ画像

アイキャッチ画像を設定しても、投稿エディターには表示されません。そのため、手動で追加するのが正しいように感じられます。しかし、これがWordPressで2回表示される原因となります。

アイキャッチ画像はWordPressテーマによって処理されます。テーマがサイトのどこにどのように表示するかを決定します。

ほとんどのテーマでは、アイキャッチ画像はブログページの投稿タイトルの横、または個々の投稿の上部に表示されます。アーカイブページでサムネイルプレビューとして使用するテーマもあります。

アイキャッチ画像が一度ではなく二度表示される

アイキャッチ画像を本の表紙と考えてください。表紙はすでに読者が見ることができるので、各章の中に表紙を貼り付けることはないでしょう。

注意: アイキャッチ画像はカバー画像とは異なります。アイキャッチ画像は投稿を表し、アーカイブページ、個別投稿、ニュースまたは雑誌スタイルのサイトに表示されます。

一方、カバー画像は投稿内の横長のバナーです。セクションを区切り、コンテンツをより視覚的に魅力的にするのに役立ちます。

より詳しい比較については、WordPressブロックエディターにおけるカバー画像とアイキャッチ画像の初心者向けガイドをご覧ください。

これがなぜ起こるのかがわかったので、次に修正方法を見ていきましょう。

方法1. WordPress投稿でフィーチャー画像が重複して表示される問題を修正する

WordPressブログ投稿で重複するアイキャッチ画像を修正するのは非常に簡単です。画像が2回表示されている投稿を開き、投稿エディター内の画像を削除するだけです。

画像を削除するには、画像をクリックし、3つのドットをクリックしてドロップダウンメニューを表示し、「画像の削除」を選択します。

画像ブロックを削除

その後、「更新」ボタンをクリックして変更を保存することを忘れないでください。

現在、投稿を表示すると、アイキャッチ画像は一度だけ表示されます。表示されない場合、またはアイキャッチ画像がまだ2回表示されている場合は、読み進めてください。

方法2. アイキャッチ画像がフルサイトエディターで重複して表示される問題を修正する

フルサイト編集機能を備えた最新のブロックテーマを使用している場合は、アイキャッチ画像が2回表示される問題を修正するためにこの方法を試すことができます。

フルサイトエディターを使用すると、ブロックエディターでWordPressテーマを編集できます。テンプレートを編集したり、ブロックを使用してサイトのレイアウトを作成または編集したりできます。

テンプレートに余分なアイキャッチ画像ブロックを誤って追加した場合、サイトエディターにはアイキャッチ画像が2回表示されます。

これを修正するには、外観 » エディターページにアクセスしてサイトエディターを起動します。

サイトエディターを起動

ここから、「ページ」または「テンプレート」をブラウズして、アイキャッチ画像が2回表示される画面に移動できます。

その後、追加のアイキャッチ画像が表示されている領域をクリックします。

サイトエディターでのアイキャッチ画像ブロックの重複

余分なアイキャッチ画像ブロックを選択してクリックし、ブロックツールバーの3点メニューをクリックします。

メニューから「削除」を選択してブロックを削除します。

アイキャッチ画像ブロックを削除

追加のブロックを削除した後、変更を保存することを忘れないでください。

動画チュートリアル

WPBeginnerを購読する

よくある質問 アイキャッチ画像について

アイキャッチ画像と投稿内の画像を同じものとして使用できますか?

はい、ただしテーマは既にアイキャッチ画像を自動的に表示しています。投稿エディター内で再度追加すると、2回表示されてしまいます。アイキャッチ画像パネルにのみ追加してください。

投稿から重複画像を削除すると、メディアライブラリからも削除されますか?

いいえ。投稿エディターから画像ブロックを削除しても、その投稿からのみ削除されます。画像ファイルはWordPressのメディアライブラリに安全に残ります。

なぜアイキャッチ画像が投稿エディター内に表示されないのですか?

アイキャッチ画像は投稿エディターではなく、WordPressテーマによって制御されます。テーマがサイトのフロントエンドでどこにどのように表示されるかを決定します。

投稿からアイキャッチ画像を削除しても、引き続き2つ表示される場合はどうなりますか?

テーマのテンプレートにアイキャッチ画像ブロックが2つある可能性があります。フルサイトエディター(外観 » エディター)を使用してテンプレートを確認し、余分なブロックを削除してください。

この問題は私のSEOや検索順位に影響しますか?

重複した画像は、ページの読み込み時間を遅くし、ユーザーエクスペリエンスを低下させる可能性があります。ランキングに直接影響はありませんが、修正することでページの表示速度と可読性が向上します。

WordPressのアイキャッチ画像に関するエキスパートガイド

WordPressの画像に関して、引き続き問題が発生する場合は、WordPressのアイキャッチ画像に関する他のガイドをご覧ください:

この記事が、WordPress投稿でアイキャッチ画像が2回表示される問題を修正する方法を学ぶのに役立ったことを願っています。また、WordPressブログ投稿用のロイヤリティフリー画像を見つける方法WordPressでAI画像を生成する方法に関するガイドもご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterFacebookでも私たちを見つけることができます。

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

究極のWordPressツールキット

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

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

48件のコメント返信する

  1. これは良い解決策ではありません。あなたの方法では、アイキャッチ画像は固定された場所にしか表示できません。投稿のタイトルのすぐ下、一番上です。投稿の終わりとして、一番下に画像を表示したい場合はどうなりますか?または、投稿の途中に表示したい場合はどうすればよいですか?

    • その場所はほとんどのテーマでデフォルトですが、アイキャッチ画像を別の場所に配置したい場合は、それが可能かどうか、またはそれが機能するためにテーマのカスタム変更が必要かどうかは、特定のテーマ次第です。

      管理者

  2. これは、WordPressを初めて使うユーザーが直面する最も一般的な問題だと思います。私もそうでした!使い始めたばかりの頃、アイキャッチ画像が二重に表示されるのはWordPressの仕組みだと思っていました。他のブログのすっきりしたレイアウトを見るまで、何か問題があることに気づきませんでした。しかし、いくつかの調査と、当時のここにあるようなガイドのおかげで解決しました!投稿エディターから画像を削除したところ、うまくいきました。それ以来、アイキャッチ画像は一度だけ表示され、きれいに整頓されています。ありがとうございます。

  3. 両方の画像があると、スピードに影響しますか?実際には2つの画像がありますが、私のテーマには投稿でアイキャッチ画像を非表示にする機能があります。

    • 画像が大きい場合、速度に影響を与える可能性がありますが、画像が最適化されていれば、サイトの速度への影響は最小限になります。

      管理者

  4. 両方の画像があると、スピードに影響しますか?実際には2つの画像がありますが、私のテーマには投稿でアイキャッチ画像を非表示にする機能があります。

    • 同じ画像を使用することも可能ですが、ユーザーを混乱させる可能性が高いため、サイトでは画像ごとに異なるものを使用しようとします。

      管理者

  5. こんにちは。
    投稿に移動しても、サイドバーに「アイキャッチ画像を設定」のオプションがありません。実際、私の投稿タブはあなたのものとは全く違います。

  6. 投稿の重複を避けるために、投稿のトップ画像を削除してみました。すると、メインのブログアドレスにアクセスしたときに、それが一番上に表示されるようになりました。それはそれで嬉しかったのですが、実際にアイキャッチ画像を設定した投稿に直接アクセスすると、投稿から削除したため画像が表示されなくなっていました。私は直接投稿にリンクを貼るコミュニティに参加しているので、コミュニティのメンバーは私の「ホーム」ページに戻らないとアイキャッチ画像を見ることができません。:(

    • そのデザインは特定のテーマによって決まりますので、まずは投稿ページのアイキャッチ画像の表示について、テーマのサポートに問い合わせるのが良いでしょう。

      管理者

  7. 実際には、アイキャッチ画像を投稿の後半に表示したいのですが、アイキャッチ画像機能では一番上に表示されます。

    この機能を使用するのが好きです。そうしないと、Facebookで共有したときに投稿の最初の画像が表示されてしまうため、それは望ましくありません。

    これを制御するにはどうすればよいですか?

    • 残念ながら、その種のカスタマイズについては、テーマのサポートに問い合わせるか、ページビルダープラグインを使用する必要があります。

      管理者

  8. Bloggerから移行したばかりで、投稿がいくつかあります。投稿画像を削除してアイキャッチ画像に追加するのは時間がかかります。一度にすべて行うことはできますか?

  9. これは、Divi Elegantテンプレートで実行されている私のサイトで機能しました。ただし、すべての投稿に対して手動で画像を削除するのではなく、すべての投稿でこれを行う方法があればいいのですが。

  10. 記事内の画像を削除し、アイキャッチ画像として残しました(複数回)。しかし、記事に表示されなくなりましたか?

  11. ホームページからコードを誤って削除してしまい、ホームページにスライダーが2回表示されるようになりました。これを避けるにはどうすればよいですか?

  12. 投稿のアイキャッチ画像で使用する著作権のある画像にクレジットをどのように表示すればよいですか
    投稿の

  13. ブログとWPを引き継いだばかりで、気が狂いそうです。これと似たような問題がありますが、全く同じではありません。2番目の画像を削除した場合(アイキャッチ画像が1回だけ表示され、繰り返されない場合)、最初の段落を画像の下ではなく上に表示するにはどうすればよいですか?

    ありがとう

    • あなたのテーマは、コンテンツの前または横にアイキャッチ画像を表示します。最初の段落の後に画像を表示したい場合は、アイキャッチ画像としてではなく、通常の画像として追加する必要があります。

      管理者

  14. この情報、本当にありがとうございます!!! ずっと探していました!!!
    私もうまくいきましたが、投稿を開くと画像が左寄せになり、他のすべての画像は中央揃えになります。投稿を開いたときに、アイキャッチ画像を中央揃えにするにはどうすればよいですか?

    重ねて御礼申し上げます
    K

  15. Sela テーマを実行しているセルフホストの WordPress ブログがあります。ページにアイキャッチ画像を設定しました。昨日、ページ属性でページをフル幅に変更しました。ページプレビューでアイキャッチ画像を確認すると表示されます。サイトにアクセスすると、アイキャッチ画像がまったく表示されません。

    どうすればこれを解決できますか?

    ありがとうございます!

    アニー

  16. こんにちは、

    私の問題は異なります。通常、写真のライセンサーからテキストコードを取得し、投稿本文にテキストを挿入すると、写真は通常通り表示されます。しかし、今、同じ写真をアイキャッチ画像として使用するにはどうすればよいですか?記事を開いて見ないと写真は表示されないからです。
    そして、アイキャッチ画像オプションを選択すると、2つの写真が表示されます。テキストコードで本文に入れた写真と、アイキャッチ画像としての写真です。
    ありがとうございます

  17. 素晴らしい情報ありがとうございます。サムネイル写真とブログの写真が異なる場合、その場合はどうすればよいか知りたいです。

  18. これは機能しますが、投稿にサムネイル画像を表示したくない場合はどうなりますか?投稿にフルサイズの画像を表示したい場合はどうなりますか?もう1つの問題は、投稿のリード画像が他の場所で使用されているサムネイルと同じ画像であってほしくない場合があることです。

  19. ここでずっと解決策を探していましたが、この簡単な手順で問題が解決しました。本当にありがとうございます!

  20. はい、この記事はそれには役立ちません。

    アイキャッチ画像はテーマの機能であり、通常、テーマに追加されるとデフォルトですべての投稿で利用可能になります。テーマでアイキャッチ画像のサポートを無効にすると、今後のすべての投稿でも無効になります。

    テーマのアイキャッチ画像サポートを無効にするには、テーマのファイル内でこの行を見つける必要があります(この行の場所は異なりますが、ほとんどの場合functions.phpファイルにあります)。

    add_theme_support( ‘post-thumbnails’ );

    一方、テーマを変更せずにアイキャッチ画像を使用し続けることもできます。過去の投稿には、一般的なデフォルトのフォールバック画像を表示するか、投稿カテゴリに基づいたフォールバック画像を表示することができます。

  21. テーマによっては、投稿にアイキャッチ画像を表示するオプションがあるものとないものがあります。そのため、アイキャッチ画像をサポートしていないテーマから、デフォルトで自動的にサポートしているテーマに切り替えた私のような人は、この新しいテーマですべての過去の投稿でそれらを無効にする方法を探しています。この記事はそれには役立ちません。

  22. この投稿を見つけたばかりで、本当に目から鱗でした。投稿をそれに合わせて変更し、なぜ画像が2つ表示されていたのかがわかりました。もう一つの問題は、テーマを変更したばかりで、公開してもFBにアイキャッチ画像が表示されなくなったことです。何が起こったのか調べています。この問題を解決するためのアドバイスはありますか?

    本当にありがとうございます。

    フランセス

  23. しかし、ブログが大きくなった場合、テーマにフィーチャー画像を直接表示するように変更するにはどうすればよいですか?すべての投稿の最初の画像を自動的に削除する機能はありますか?

  24. WPでは、投稿内の画像をアイキャッチ画像として指定することができました。これにより、ブログ投稿で画像が重複することはありませんでした(通常は右上にあるサムネイル)。アップグレードの1つ(それほど昔ではない)で、FB、Google+などに投稿する際に、2番目のステップでフィーチャー画像を指定しないと、画像が表示されない問題が発生し始めました。多くの場合、投稿には画像が1つしかありません。ブログ投稿にサムネイルとして表示されず、後でブログのテキスト内に大きな画像として表示されるように、共有用のフィーチャー画像をどのように指定できますか?ちなみにHeadwayテーマを使用していますが、それは関係ないと思います。何か助けがあれば感謝します!

返信する

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