WordPressの投稿で同じアイキャッチ画像が2回表示されるのを見ると、うんざりすることがあります。レイアウトが崩れ、投稿が洗練されていないように見えます。
WordPress初心者の方から、この問題についてよく耳にします。初めて使うユーザーにとって、なぜアイキャッチ画像が2回表示されるのかを理解するのは非常に混乱しやすいことです。
良いニュースは、これが一般的な問題であり、簡単な解決策があるということです。原因を特定すれば、WordPressが重複したフィーチャー画像を表示するのを防ぐことができます。
この問題を迅速に修正する手順を説明します。終了時には、投稿は意図したとおりに表示されるようになります。
WordPressでアイキャッチ画像が2回表示されるのはなぜですか？
アイキャッチ画像は投稿の見栄えに大きく影響しますが、誤って2回表示されることがあります。これは、同じ画像が「アイキャッチ画像」タブと投稿エディター内の両方に一度ずつ追加された場合に発生します。
これは、経験豊富なWordPressユーザーでさえも、しばしば起こる問題です。特にWordPressの画像の扱い方に慣れていない場合、簡単な間違いです。
最初は、画像を再度アップロードするのが論理的だと思いがちです。アイキャッチ画像を設定しても、投稿エディターには表示されないため、手動で追加するのが正しいように感じます。しかし、これによりWordPressは画像を2回表示してしまいます。
アイキャッチ画像は、お使いのWordPressテーマによって処理されます。テーマが、サイトのどこにどのように表示されるかを決定します。
ほとんどのテーマでは、ブログページや個々の投稿の先頭に、投稿タイトルと並べてアイキャッチ画像を表示します。アーカイブページではサムネイルプレビューとして使用されることもあります。
アイキャッチ画像を本の表紙と考えてください。各章の中に表紙を貼り付けることはありません。読者はすでにそれを見ることができます。
☝ 注意: アイキャッチ画像はカバー画像とは異なります。アイキャッチ画像は投稿を表し、アーカイブページ、単一投稿、ニュースまたはマガジン風のサイトに表示されます。
一方、カバー画像は投稿内の横長のバナーです。セクションを区切り、コンテンツをより視覚的に魅力的にするのに役立ちます。
より詳細な比較については、WordPressブロックエディターにおけるカバー画像とフィーチャー画像の違いに関する初心者向けガイドをご覧ください。
これがなぜ起こるのかがわかったので、次に修正方法を見ていきましょう。
方法1. WordPress投稿でフィーチャー画像が重複して表示される問題を修正する
WordPressブログ投稿で重複して表示されるアイキャッチ画像を修正するのは非常に簡単です。画像が2回表示される投稿を開き、投稿エディター内の画像を削除するだけです。
画像を削除するには、画像をクリックし、3つのドットをクリックしてドロップダウンメニューを表示し、「画像の削除」を選択します。
その後、「更新」ボタンをクリックして変更を保存することを忘れないでください。
現在、投稿を表示すると、アイキャッチ画像は一度だけ表示されます。表示されない場合、またはアイキャッチ画像がまだ2回表示されている場合は、読み進めてください。
方法2. アイキャッチ画像がフルサイトエディターで重複して表示される問題を修正する
フルサイト編集機能を備えた最新のブロックテーマを使用している場合、アイキャッチ画像が2回表示される問題を修正するためにこの方法を試すことができます。
フルサイトエディターを使用すると、ブロックエディターを使用してWordPressテーマを編集できます。テンプレートを編集し、ブロックを使用してサイトのレイアウトを作成/編集できます。
テンプレートに余分なアイキャッチ画像ブロックを誤って追加した場合、サイトエディターにはアイキャッチ画像が2回表示されます。
これを修正するには、外観 » エディターページにアクセスしてサイトエディターを起動します。
ここから、「ページ」または「テンプレート」をブラウズして、アイキャッチ画像が2回表示される画面に移動できます。
その後、追加のアイキャッチ画像が表示されている領域をクリックします。
余分なアイキャッチ画像ブロックを選択してクリックし、ブロックツールバーの3点メニューをクリックします。
メニューから「削除」を選択してブロックを削除します。
追加のブロックを削除した後、変更を保存することを忘れないでください。
動画チュートリアル
WordPressのアイキャッチ画像に関するエキスパートガイド
WordPressの画像に関するその他の問題がまだ発生している場合は、WordPressのアイキャッチ画像に関する他のガイドをご覧ください。
- WordPress で一般的な画像の問題を修正する方法
- WordPressでアイキャッチ画像が表示されない問題を修正する方法
- WordPressで投稿にアイキャッチ画像を必須にする方法
- WordPressで投稿カテゴリに基づいてフォールバックアイキャッチ画像を設定する方法
- WordPressでアイキャッチ画像を一括編集する方法
- WordPressで複数の投稿サムネイル/アイキャッチ画像を追加する方法
この記事が、WordPress投稿でアイキャッチ画像が2回表示される問題を修正する方法を学ぶのに役立ったことを願っています。また、WordPressブログ投稿用のロイヤリティフリー画像の検索方法やWordPressでAI画像を生成する方法に関するガイドも参照することをお勧めします。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
バム
これは良い解決策ではありません。あなたの方法では、アイキャッチ画像は固定された場所にしか表示できません。投稿のタイトルのすぐ下、一番上です。投稿の終わりとして、一番下に画像を表示したい場合はどうなりますか？または、投稿の途中に表示したい場合はどうすればよいですか？
WPBeginnerサポート
その場所はほとんどのテーマでデフォルトですが、アイキャッチ画像を別の場所に配置したい場合は、それが可能かどうか、またはそれが機能するためにテーマのカスタム変更が必要かどうかは、特定のテーマ次第です。
管理者
Kzain
これは、WordPressを初めて使うユーザーが直面する最も一般的な問題だと思います。私もそうでした！使い始めたばかりの頃、アイキャッチ画像が二重に表示されるのはWordPressの仕組みだと思っていました。他のブログのすっきりしたレイアウトを見るまで、何か問題があることに気づきませんでした。しかし、いくつかの調査と、当時のここにあるようなガイドのおかげで解決しました！投稿エディターから画像を削除したところ、うまくいきました。それ以来、アイキャッチ画像は一度だけ表示され、きれいに整頓されています。ありがとうございます。
ジャミー・ジョーデン
両方の画像があると、スピードに影響しますか？実際には2つの画像がありますが、私のテーマには投稿でアイキャッチ画像を非表示にする機能があります。
WPBeginnerサポート
画像が大きい場合、速度に影響を与える可能性がありますが、画像が最適化されていれば、サイトの速度への影響は最小限になります。
管理者
Nitesh Kumar
両方の画像があると、スピードに影響しますか？実際には2つの画像がありますが、私のテーマには投稿でアイキャッチ画像を非表示にする機能があります。
WPBeginnerサポート
画像によりますが、ウェブ用に最適化されている限り、サイトの速度に目立った変化はありません。
管理者
Avinash Sahu
アイキャッチ画像について疑問があります。
同じ画像を使用すべきですか、それとも重複のためSEOに悪いですか？
WPBeginnerサポート
同じ画像を使用することも可能ですが、ユーザーを混乱させる可能性が高いため、サイトでは画像ごとに異なるものを使用しようとします。
管理者
Brianna
こんにちは。
投稿に移動しても、サイドバーに「アイキャッチ画像を設定」のオプションがありません。実際、私の投稿タブはあなたのものとは全く違います。
WPBeginnerサポート
WordPress.com をご利用でないことをご確認ください。記事で違いを説明しています。
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
管理者
Shaye
I tried removing the top image in my post so that it wouldn’t duplicate. Now it shows up at the top when I go to my main blog address. I was pretty happy about that, except that when I went directly to the post where I set the featured image, the image isn’t visible there because I deleted it from the actual post. I’m part of communities where we link to direct posts and so now my fellow community members cannot see the feature photo unless they exit back out to my “home” page.
WPBeginnerサポート
そのデザインは特定のテーマによって決まりますので、まずは投稿ページのアイキャッチ画像の表示について、テーマのサポートに問い合わせるのが良いでしょう。
管理者
ロビン
実際には、アイキャッチ画像を投稿の後半に表示したいのですが、アイキャッチ画像機能では一番上に表示されます。
この機能を使用するのが好きです。そうしないと、Facebookで共有したときに投稿の最初の画像が表示されてしまうため、それは望ましくありません。
これを制御するにはどうすればよいですか？
WPBeginnerサポート
残念ながら、その種のカスタマイズについては、テーマのサポートに問い合わせるか、ページビルダープラグインを使用する必要があります。
管理者
viji
ありがとう
WPBeginnerサポート
You’re welcome
管理者
Faizan
Bloggerから移行したばかりで、投稿がいくつかあります。投稿画像を削除してアイキャッチ画像に追加するのは時間がかかります。一度にすべて行うことはできますか？
Haider
メディア画像とアイキャッチ画像が異なる場合、どうすればよいですか？
Sandy
ありがとうございます!! ダブル画像に悩まされていました！最高です！
Indika
ありがとう！この投稿は、テーマを変更した後に重複画像が表示されていたので、本当に助かりました！
Toni
これは、Divi Elegantテンプレートで実行されている私のサイトで機能しました。ただし、すべての投稿に対して手動で画像を削除するのではなく、すべての投稿でこれを行う方法があればいいのですが。
ジェシカ・A.
記事内の画像を削除し、アイキャッチ画像として残しました（複数回）。しかし、記事に表示されなくなりましたか？
calvin
ホームページからコードを誤って削除してしまい、ホームページにスライダーが2回表示されるようになりました。これを避けるにはどうすればよいですか？
ラヴィ・クマール・グプタ
投稿のアイキャッチ画像で使用する著作権のある画像にクレジットをどのように表示すればよいですか
投稿の
WPBeginnerサポート
投稿でクレジットを記載できます。
管理者
ジゼル
わーい、ありがとう!!!!
トム
ブログとWPを引き継いだばかりで、気が狂いそうです。これと似たような問題がありますが、全く同じではありません。2番目の画像を削除した場合（アイキャッチ画像が1回だけ表示され、繰り返されない場合）、最初の段落を画像の下ではなく上に表示するにはどうすればよいですか？
ありがとう
WPBeginnerサポート
あなたのテーマは、コンテンツの前または横にアイキャッチ画像を表示します。最初の段落の後に画像を表示したい場合は、アイキャッチ画像としてではなく、通常の画像として追加する必要があります。
管理者
Sandra Evans
同じ問題がありましたが、おっしゃる通りにしても、以前の投稿のサムネイルが表示されません。
Katina
この情報、本当にありがとうございます!!! ずっと探していました!!!
私もうまくいきましたが、投稿を開くと画像が左寄せになり、他のすべての画像は中央揃えになります。投稿を開いたときに、アイキャッチ画像を中央揃えにするにはどうすればよいですか？
重ねて御礼申し上げます
K
WPBeginnerサポート
WordPressテーマは、ウェブサイトでのアイキャッチ画像の表示方法を処理します。子テーマでCSSを使用して画像の配置を調整できます。
管理者
Paravada
画像の配置の問題は解決しましたか？
annie
Sela テーマを実行しているセルフホストの WordPress ブログがあります。ページにアイキャッチ画像を設定しました。昨日、ページ属性でページをフル幅に変更しました。ページプレビューでアイキャッチ画像を確認すると表示されます。サイトにアクセスすると、アイキャッチ画像がまったく表示されません。
どうすればこれを解決できますか？
ありがとうございます！
annie
WPBeginnerサポート
サポートについては、テーマ開発者にお問い合わせください。
管理者
zana
こんにちは、
私の問題は異なります。通常、写真のライセンサーからテキストコードを取得し、投稿本文にテキストを挿入すると、写真は通常通り表示されます。しかし、今、同じ写真をアイキャッチ画像として使用するにはどうすればよいですか？記事を開いて見ないと写真は表示されないからです。
そして、アイキャッチ画像オプションを選択すると、2つの写真が表示されます。テキストコードで本文に入れた写真と、アイキャッチ画像としての写真です。
ありがとうございます
Ankit
素晴らしい情報ありがとうございます。サムネイル写真とブログの写真が異なる場合、その場合はどうすればよいか知りたいです。
Alice Baker
これは機能しますが、投稿にサムネイル画像を表示したくない場合はどうなりますか？投稿にフルサイズの画像を表示したい場合はどうなりますか？もう1つの問題は、投稿のリード画像が他の場所で使用されているサムネイルと同じ画像であってほしくない場合があることです。
Cali Swahili
ここでずっと解決策を探していましたが、この簡単な手順で問題が解決しました。本当にありがとうございます！
WPBeginnerスタッフ
はい、この記事はそれには役立ちません。
アイキャッチ画像はテーマの機能であり、通常、テーマに追加されるとデフォルトですべての投稿で利用可能になります。テーマでアイキャッチ画像のサポートを無効にすると、今後のすべての投稿でも無効になります。
テーマのアイキャッチ画像サポートを無効にするには、テーマのファイル内でこの行を見つける必要があります（この行の場所は異なりますが、ほとんどの場合functions.phpファイルにあります）。
add_theme_support( ‘post-thumbnails’ );
一方で、テーマを変更せずにアイキャッチ画像を引き続き使用することもできます。過去の投稿には、一般的なデフォルトのフォールバック画像を表示するか、投稿カテゴリに基づいたフォールバック画像を表示することができます。
アレックス・スミス
テーマによっては、投稿にアイキャッチ画像を表示するオプションがあるものとないものがあります。そのため、アイキャッチ画像をサポートしていないテーマから、デフォルトで自動的にサポートしているテーマに切り替えた私のような人は、この新しいテーマですべての過去の投稿でそれらを無効にする方法を探しています。この記事はそれには役立ちません。
フランセス
この投稿を見つけたばかりで、本当に目から鱗でした。投稿をそれに合わせて変更し、なぜ画像が2つ表示されていたのかがわかりました。もう一つの問題は、テーマを変更したばかりで、公開してもFBにアイキャッチ画像が表示されなくなったことです。何が起こったのか調べています。この問題を解決するためのアドバイスはありますか？
本当にありがとうございます。
フランセス
Deepak
私はWordPressの全くの初心者です。
ジョニー
しかし、ブログが大きくなった場合、テーマにフィーチャー画像を直接表示するように変更するにはどうすればよいですか？すべての投稿の最初の画像を自動的に削除する機能はありますか？
shrikant
アイキャッチ画像として設定する際に、この機能をリサイズできますか？教えてください。
Nanette
WPでは、投稿内の画像をアイキャッチ画像として指定することができました。これにより、ブログ投稿で画像が重複することはありませんでした（通常は右上にあるサムネイル）。アップグレードの1つ（それほど昔ではない）で、FB、Google+などに投稿する際に、2番目のステップでフィーチャー画像を指定しないと、画像が表示されない問題が発生し始めました。多くの場合、投稿には画像が1つしかありません。ブログ投稿にサムネイルとして表示されず、後でブログのテキスト内に大きな画像として表示されるように、共有用のフィーチャー画像をどのように指定できますか？ちなみにHeadwayテーマを使用していますが、それは関係ないと思います。何か助けがあれば感謝します！
WPBeginnerサポート
投稿の最初の添付ファイルを、投稿のサムネイルまたはアイキャッチ画像として使用できます。デフォルトのアイキャッチ画像の設定方法に関するガイドをご覧ください。特に、「最初の投稿画像をデフォルトのフォールバックとして追加する」というセクションが役立つかもしれません。
管理者
ゲイリー・ニール・ハンセン
ありがとうございます！質問を探す前に答えていただきました。非常に役立ちました。