WordPressでアイキャッチ画像または投稿サムネイルを追加する方法

一部のWordPressブログ投稿が目を引くのに、他の投稿が完全に無視されることに気づいたことはありませんか?通常、その理由は1つだけです。アイキャッチ画像です。目を引くサムネイルのない投稿は、どれほど素晴らしいコンテンツであっても、事実上見えなくなります。

WPBeginnerでは、ブログ記事に常に魅力的なアイキャッチ画像を使用することを心がけています。見た目を良くするためだけでなく、エンゲージメントや人々がコンテンツとどのように関わるかに実際に影響を与えるからです。

良いニュースは、アイキャッチ画像を追加するのは実際には非常に簡単だということです。画像をアップロードし、投稿のサムネイルとして設定するだけで、コンテンツがすぐに洗練され、プロフェッショナルに見えるようになります。

このガイドでは、WordPressの投稿におすすめ画像を追加する方法を詳しく説明します。また、それらをさらに効果的に機能させるためのヒントもご紹介します。 🎨

WordPressにアイキャッチ画像を追加する

WordPressのアイキャッチ画像に関する初心者ガイド

アイキャッチ画像はWordPressテーマの機能です。ほとんどすべてのWordPressテーマにはアイキャッチ画像の組み込みサポートがあり、WordPressウェブサイトのさまざまな領域に美しく表示されます。

通常のWordPressブログでのアイキャッチ画像プレビュー

人間は、プレーンテキストよりも視覚的な要素に魅力を感じます。アイキャッチ画像は、ブログページをより魅力的に見せるのに役立ちます。

また、ユーザーエンゲージメントを高め、より多くのページを探索するように促します。検索エンジンやソーシャルメディアサイトもこれらの画像を使用し、検索結果やソーシャルメディアのニュースフィードに表示する場合があります。

主にブログ投稿でアイキャッチ画像が使用されますが、固定ページやカスタム投稿タイプにもアイキャッチ画像を 1つ設定できます。

💡 注:アイキャッチ画像はカバー画像と同じではありません。WordPressのカバー画像とアイキャッチ画像の違いについては、こちらをご覧ください。

これを踏まえ、WordPressでアイキャッチ画像を簡単に追加する方法をご紹介します。このガイドで取り上げるトピックの概要は以下の通りです。

さあ、始めましょう!

WordPressでの投稿サムネイルまたはアイキャッチ画像の追加

WordPressの投稿にアイキャッチ画像を追加するには、編集するか、新しいブログ投稿を作成するだけです。

コンテンツエディターでは、アイキャッチ画像タブは右側の列にあります。ここで、「アイキャッチ画像を設定」エリアをクリックする必要があります。

アイキャッチ画像を設定する

これにより、WordPressメディアアップローダーのポップアップが表示されます。

ここから、コンピューターから画像をアップロードするか、メディアライブラリの既存の画像を使用できます。

メディアアップローダー

新しい画像ファイルをアップロードする場合は、画像のaltテキストとタイトルを追加するのを忘れないでください。

これら2つは、以下の例のように完全に一致させることができます。

代替テキストとタイトルの追加

完了したら、「アイキャッチ画像を設定」ボタンをクリックできます。

WordPressは、右側の列にアイキャッチ画像のプレビューを表示するようになります。ただし、実際のアイキャッチ画像は、WordPressテーマによって異なります。

これで、投稿を保存または公開したり、プレビューして、アイキャッチ画像がライブウェブサイトにどのように表示されるかを確認したりできます。

WordPressでアイキャッチ画像を保存する

テーマ開発者が定義した設定に応じて、アイキャッチ画像は投稿とともに自動的に表示されます。

こちらが「ブログ」ページでの表示です:

ブログページでのアイキャッチ画像

次に多くの初心者が直面する大きな疑問は、アイキャッチ画像として使用する画像を見つける場所です。

Google画像検索を使用してインターネット上の任意の画像を使用することはできません。これらの画像は著作権法で保護されており、適切な許可なく使用すると法的な問題を引き起こす可能性があります。

幸いなことに、ブログ記事用の無料画像を見つけるために使用できるリソースがいくつかあります。

私たちのお気に入りは次のとおりです。

  • Shutterstock – いくつかの無料画像がありますが、真の価値は有料プランにあり、これにより高品質な写真、イラスト、ドローイング、ビデオなどにアクセスできます。
  • Unsplash – ウェブサイトやその他のプロジェクトで使用できる高解像度の画像を公開している人気のオンラインリソースです。
  • Negative Space – 整理された著作権フリーの画像集です。
  • New Old Stock – 公共アーカイブからのビンテージ写真コレクション。
Unsplashは、ブロガーに人気の無料画像リソースです

💡 : これらのソースはすべて高解像度の画像を提供しており、ファイルサイズと寸法が大きいです。アイキャッチ画像として使用する前に、ウェブ用に画像を最適化する必要があります。

さて、アイキャッチ画像はWordPressテーマによって処理されることに注意してください。テーマがアイキャッチ画像をどのように表示するかを変更するには、基本的なCSSまたはWordPressのコーディングスキルが必要になります。

コーディングに慣れている場合は、さらにヒントを読むことを続けてください。

WordPressにおけるアイキャッチ画像と投稿サムネイルの開発者向けガイド

おすすめ画像は、ほとんどのWordPressテーマでサポートされている人気の機能です。まれに、おすすめ画像をサポートしていないテーマに出くわしたり、おすすめ画像の扱いが気に入らない場合があります。

その場合、テーマにアイキャッチ画像サポートを追加するか、表示方法を変更できます。

WordPressテーマファイルを編集することに慣れており、カスタムCSSの扱い方を少し知っている場合は、ご自身で対処できます。

お使いのテーマがアイキャッチ画像に対応していない場合、コンテンツエディターにアイキャッチ画像を追加するオプションは表示されません。

WordPressテーマにアイキャッチ画像サポートを追加するには、テーマのfunctions.phpファイルに次のコード行を追加する必要があります。

add_theme_support( 'post-thumbnails' );

開発者でない限り、サイトの functions.php ファイルを直接編集することは推奨しません。わずかな間違いでもウェブサイトが破損し、数多くのエラーが発生する可能性があります。

カスタムコードを追加する簡単な方法は、WordPress用の最高のコードスニペットプラグインであるWPCodeを使用することです。プラグインを使用すると、すべてのカスタムコードスニペットを簡単に管理でき、ウェブサイトを壊してしまう心配がありません。

私たちのパートナーブランドの中には、実際にWPCodeを使用してウェブサイトにカスタムコードスニペットを追加・管理しているところがあります。私たちもこのツールをテストしました。詳細については、詳細なWPCodeレビューをご覧ください。

WPCodeのホームページ

まず、WPCodeプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

有効化したら、WordPressダッシュボードから コードスニペット » + スニペットを追加 に移動できます。ここから、単に「カスタムコードを追加(新規スニペット)」オプションを選択します。

カスタムコードスニペットを追加

次に、「コードプレビュー」エリアにカスタムコードを入力できます。

「コードタイプ」ドロップダウンメニューをクリックして、「PHPスニペット」を選択することを忘れないでください。

カスタムコードを入力

完了したら、下にスクロールしてコードの挿入方法を選択できます。

WPCodeはデフォルトで「自動挿入」オプションを使用し、コードをすべて実行します。ただし、場所を変更して、ヘッダー、フッター、段落の前など、特定の場所でコードを実行するように選択できます。

コードを実行するために、手動でショートコードを入力するショートコードメソッドもあります。

ウェブサイトやオンラインマーケットプレイスにコードスニペットを自動挿入する

このチュートリアルでは、デフォルトの方法を使用して、コードをすべてに自動挿入できます。

完了したら、上部にあるトグルをクリックしてスニペットを有効にし、「スニペットを保存」ボタンをクリックします。

このコードは、投稿やページでアイキャッチ画像(サムネイル画像)のサポートを有効にします。これで、投稿またはページのブロックエディターに移動すると、アイキャッチ画像オプションが有効になっていることがわかります。

ただし、アイキャッチ画像を設定しても、WordPressテーマに自動的に表示されるわけではありません。テーマにアイキャッチ画像を表示するには、テンプレートを編集し、アイキャッチ画像を表示したい場所に次のコード行を追加する必要があります。

<?php the_post_thumbnail(); ?>

上記のコードを追加するファイルは、テーマによって異なります。コードは投稿ループ内に追加する必要があります。

🔗 関連記事: テーマの仕組みをより深く理解するために、WordPressのテンプレート階層チートシートをご覧ください。

アイキャッチ画像のサイズを設定する

上記のコードは、アイキャッチ画像サポートを追加し、テーマにアイキャッチ画像を表示するために必要な基本的な関数です。

アップロードするアイキャッチ画像のサイズを設定するには、このコード行をfunctions.phpファイルまたはWPCodeスニペットに追加する必要があります。

set_post_thumbnail_size( 50, 50);

set_post_thumbnail_size のパラメータは、幅、高さの順です。

the_post_thumbnail()関数で使用するために、追加の画像サイズを設定することもできます。例:

// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );

この例では、幅590px、高さ180pxのsingle-post-thumbnailという新しい画像サイズを追加しました。

この画像サイズをテーマで使用するには、適切なテーマファイルに追加する必要があります。

詳細については、WordPressで追加の画像サイズを作成する方法に関するガイドをご覧ください。

以前にアイキャッチ画像をアップロードしたが、それが別のサイズで表示される場合は、古い投稿に対してサムネイルと画像サイズを再生成する必要があります。

以下は、特定の画像サイズでのアイキャッチ画像機能の例です。

<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>

これは、フル機能の簡易版です。アイキャッチ画像には、他にも多くの機能があります。

初心者の方は、ブログでアイキャッチ画像を使用する際に質問や問題に遭遇することがあります。ここでは、アイキャッチ画像に関するよくある質問をいくつかご紹介します。

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

初心者は、アイキャッチ画像を追加してから、同じ画像を投稿エディターのコンテンツ部分に追加してしまうことがあります。

コンテンツエリアから画像を削除し、アイキャッチ画像を追加するにはアイキャッチ画像メタボックスのみを使用すればよいです。このトピックの詳細については、WordPress投稿でアイキャッチ画像が2回表示される問題を修正する方法に関する記事をご覧ください。

2. カバー画像とアイキャッチ画像の違いは何ですか?

カバー画像は、投稿やページのコンテンツエリアで使用されます。通常、長いページや投稿の異なるセクションを区切るために使用されます。

アイキャッチ画像は記事の代表的な画像です。コンテンツの前または横に表示されますが、記事の本文内には表示されません。

このトピックの詳細については、WordPressブロックエディターにおけるカバー画像とアイキャッチ画像の違いに関するガイドをご覧ください。WordPressにおけるカバー画像とアイキャッチ画像の違い

3. 最近のブログ投稿の横にアイキャッチ画像を表示するにはどうすればよいですか?

WordPressのブロックエディターには、「最新の投稿」ブロックが付属しており、投稿のサムネイルとともに最近の投稿を表示できます。

プラグインを使用して、サイドバーウィジェットにサムネイル付きの最新の投稿を表示することもできます。詳細については、WordPressで最新の投稿を表示する方法に関する記事をご覧ください。WordPressで最新の投稿を表示する方法

4. WordPressで著者にアイキャッチ画像の追加を促すにはどうすればよいですか?

アイキャッチ画像は、ホームページ、ブログページ、その他のアーカイブページに目立つように表示されます。

ブログの著者(あなた自身または他の著者)が設定を忘れて投稿を公開した場合、アイキャッチ画像なしで表示されます。これは見栄えが悪く、一貫性がなく、ユーザーエクスペリエンスにとって良くありません。

PublishPress Checklistプラグインをインストールして有効化すると、アイキャッチ画像なしで投稿を公開しようとしたときに通知が表示されます。

公開ボタンが無効

詳細については、WordPress でアイキャッチ画像を必須にする方法に関する記事をご覧ください。

5. WordPressでアイキャッチ画像が表示されないのはなぜですか?

WordPressサイトでアイキャッチ画像が表示されないのには、いくつかの理由が考えられます。例えば、アップロードしようとしている画像ファイルが大きすぎる可能性があります。あるいは、プラグインやテーマが画像の表示を制限していることも考えられます。

この問題を解決するには、WordPressでアイキャッチ画像が表示されない問題を修正する方法に関するガイドをご覧ください。

また、サイトでアイキャッチ画像を最大限に活用するための他のガイドやチュートリアルを読むこともできます。

動画チュートリアル

始める前に、WordPressでアイキャッチ画像または投稿サムネイルを追加するためのビデオチュートリアルをご覧になることをお勧めします。

WPBeginnerを購読する

この記事が、WordPressでアイキャッチ画像または投稿サムネイルを追加する方法を学ぶのに役立ったことを願っています。サイトの速度を向上させるための「WordPressで画像を簡単に遅延読み込みする方法」に関する便利なガイドや、「画像SEOの初心者向けガイド」も合わせてご確認ください。

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

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

究極のWordPressツールキット

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

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

128 CommentsLeave a Reply

  1. ブログロールの各投稿の横にアイキャッチ画像のみを表示し、個々の投稿を読んでいるときは表示しないようにするには、どうすればよいですか? index.phpファイルにコード行を挿入する必要がありますか、それとも他に何かありますか?よろしくお願いします!

  2. こんにちは、
    コードをアイキャッチ画像として埋め込むことは可能でしょうか?例えば、Getty Imagesはブロガー向けに無料の画像を提供しています。コードをコピーすれば、投稿に簡単に埋め込めますが、その画像をアイキャッチ画像として使用したいのです。何か方法はありますか?プラグインなど?
    ご協力ありがとうございます!

  3. モバイルでのサイト表示で画像が歪む問題について助けが必要です。続きを読むをクリックすると写真が歪みます。どうすればよいか説明してもらえますか。ありがとう

  4. こんにちは、

    情報ありがとうございます。このブログをフォローしており、大変助かっています。

    サムネイルに関する質問があります。

    1. サムネイルまたはアイキャッチ画像がブログロールに表示されても、ユーザーがクリックして投稿全体を開いたときに、アイキャッチ画像が非表示になる可能性はありますか?

    2. または、投稿内の画像のいずれかがアイキャッチ画像として使用される可能性はありますか?

    その理由は、私のブログではすべての投稿の先頭に画像があるわけではないからです。アイキャッチ画像を設定すると、投稿の先頭に自動的に挿入されます。

    ありがとう。

  5. こんにちは、アイキャッチ画像を正常にアップロードできましたが、投稿を開いても画像が表示されません。何が問題でしょうか?より理解を深めるために、私の投稿を以下で確認して、私が何を意味するかを理解してください。WP Smushプラグインも使用していますが、これが影響しているかどうかはわかりません。

  6. しばらくTimthumbを使用していましたが、WordPressの組み込みアイキャッチ画像に変更するのは少し怖かったです。しかし、このチュートリアルは完璧に機能しました。そしてWordPressはさまざまなサイズの画像を問題なく処理しています!本当にありがとうございました!
    乾杯!

  7. 記事をありがとうございます。今日は本当に助かりました。ブログロールに写真が表示されるようになりました。
    トレイシーより

  8. とてもシンプルにしてくれてありがとう!コードを編集するのは怖かったのですが、あなたの助けで、何日も悩まされていた問題をようやく解決できました!

    ありがとうございます!

  9. ほとんどのブログ記事にアイキャッチ画像を設定しました。(各記事で、画像はすでに投稿内に存在します。)ホームページを表示する際に最新の投稿を表示するように、読書設定が設定されています。

    ただし、ホームページではアイキャッチ画像が投稿の上に繰り返して表示されますが、それは望ましくありません。この重複を防ぐにはどうすればよいですか?

    WPサポートフォーラムから何の返答もありません。

    • バリーと同じ問題があります。
      それで、元のものを削除し、最初にFIを設定することを思い出そうとしています。それはまあまあです。
      しかし、画像にカーソルを合わせると、そこにあるはずのタイトル情報(Firefox)が表示されません…???

  10. Hello,

    これが「アイキャッチ画像」の問題に該当するかどうかはわかりませんが、アイキャッチ画像に画像リンクマップを使用したいと考えています(クライアントがそれを要求しています)。しかし、コードを簡単に編集できる場所が見つかりません。彼らが選択したテーマは、通常の「ヘッダー」として左側のサイドバーを使用しているため、各投稿の「ヘッダー」としてアイキャッチ画像を設定する必要がありました。.phpファイルやスタイルシートをいじる前に、実際にそれができるかどうか、またはその方法についてより詳しい情報があればと思っています。

  11. 助けてください!!ウェブサイトがクラッシュし、再構築されましたが、アイキャッチ画像に問題が発生しています。画像の上部、例えば人の頭などが切れてしまいます。また、アイキャッチ画像を設定する際、画像がアイキャッチ画像のサイズに収まらず、左寄せではなく中央に表示されます。
    これで意味が通じていると良いのですが。自分で思いつく限りのことは試しましたが、以前の試みでサイトがクラッシュしたため、PHPのコードを変更することには不安があります。どんな助けでも大変ありがたいです。

  12. こんにちは。
    素晴らしいチュートリアルでした。特に、チュートリアルの最後に提供されたリンクは素晴らしいです。
    WordPressのウェブサイトをカスタマイズするのは常に楽しいものです。

    • That all depends on the theme you are using. :) It’s all about the styling. Some themes have functionality to allow you to choose the layout of your blog and change the sizing, but many don’t. If your theme is one that doesn’t, you will have to make the change in your styles.css file. If it DOES, it will be somewhere in your theme options area. Good luck! :)

  13. 投稿エディターに表示されません。テーマのものですが、機能しません!何か解決策はありますか?どうもありがとうございます

  14. こんにちは、functions.phpにコードを追加しようとしました。その時の「応答」は次のとおりです。「警告:ヘッダー情報を変更できません – ヘッダーはすでに送信されています(出力は
    で開始されました) 助けてください!」

  15. サムネイルとアイキャッチ画像の追加に関する詳細な投稿、ありがとうございます。

    私のウェブサイトでは、サイドバーに最新の記事を表示し、各記事の最後に関連記事を表示しています。

    同じ投稿に対して、サイドバーと注目の投稿の最後に異なるサムネイル画像を持たせる方法はありますか?

    基本的に、単一の投稿に2つのアイキャッチ画像を表示させたいです。よろしくお願いします。

  16. このスニペットは機能します。

    しかし、このスニペットを本文として配置できるカスタムページをどのように作成できますか?

    • このスクリプトでPHPファイルを作成しました。
    (get_header) (body: このスクリプト) + (get_footer)

    •このファイルをテーマフォルダにアップロードし、ページ用のテンプレートとして使用しました。

    • 今、新しいページを作成しています。そして、作成したテンプレートを読み込むように設定しています。

    • 出力が空白です。(ヘッダー)(空の本文)(フッター)のみが表示されます

    「content-single.php」のコードをこのスクリプトに置き換えるべきですか?そうすれば、「アイキャッチ画像の読み込み」のルールがすべてに適用されますか?

  17. 私のWordPressテーマはwildfireで、アイキャッチ画像サイズと投稿アイキャッチサムネイルサイズが異なります。しかし、スライダーではアイキャッチ画像が正しく表示されず、比率がおかしくなっているようです。アイキャッチ画像をアップロードしたときに、スライダーと投稿アイキャッチサムネイルの両方で、それぞれのサイズに合わせて正しく表示されるようにするにはどうすればよいですか?

  18. こんにちは、

    このコードをfunctionsファイルの色々な場所(上、下、中間など)に挿入してみましたが、まだ機能しないようです。

    他にどのようなトラブルシューティングを提案できますか?アイキャッチ画像付きの抜粋を表示できるようにしたいのですが、これは使用しているテーマの機能であるはずだとわかっています。

    Help! This stuff makes me (a non-techie) go crazy!! Thank you :)

  19. WordPressテーマのカスタマイズを始めました。テーマで様々な投稿にアイキャッチ画像を使用しています。「お問い合わせ」ページに画像を追加したいです。このページの下のdivに静的に画像を追加することはできます。しかし、このdiv/このセクションにアイキャッチ画像を追加したいです。これは動的に機能します。このdivでこのアイキャッチ画像を呼び出すにはどうすればいいですか…?????????

  20. 質問があります – 「add_theme_support( ‘post-thumbnails’ );」のスニペットは、functions.phpファイルのどこに追加すればよいですか?

  21. こんにちは。

    ClassiPressテーマを使用しており、サイト上で人物が投稿された際に、自動的にFacebookに投稿されるようにしたいと考えています。
    「Facebook Auto Publish」プラグインを使用しており、これはうまく機能しますが、写真が投稿されません。

    Facebookに広告の画像(最初の画像だけ素晴らしい)を表示させるにはどうすればいいですか?

    ありがとうございます!

  22. 記事をありがとうございます。

    ここで問題が発生しています。「新規投稿」をクリックしても、アイキャッチ画像オプションが表示されません。すでに公開されている投稿を編集した場合にのみ表示されます。しかし、問題は、公開されるとすでにFacebookに投稿されており、編集するとFacebookで更新されないことです。

    何か解決策はありますか?

    • 「新規投稿」をクリックし、投稿エディターが開いたら、画面右上にある「画面オプション」リンクをクリックします。これによりドロップダウンメニューが開きます。アイキャッチ画像の横にチェックボックスが表示されます。アイキャッチ画像がチェックされていることを確認してください。

      管理者

  23. 「transcript wordpress theme」を使用していますが、ホームページにサムネイルが表示されないという問題があります。投稿をクリックしないと画像が表示されません。「regenerate thumbnail」プラグインをインストールしてサムネイルを再生成しましたが、うまくいきませんでした。助けてください。

  24. こんにちは、アイキャッチ画像オプションを使用しました。しかし、ブログロールでは、画像が抜粋の上に表示されています。抜粋をアイキャッチ画像の横に配置したいのですが、どうすればよいですか?
    ありがとうございます

    • 皆さん、このアドオンを使いました: add_theme_support( ‘post-thumbnails’ ); そしたらサイト全体がめちゃくちゃになってしまいました。元に戻して削除する方法がありません。助けてください!!!

      • Karolさん、FilezillaのようなFTPクライアントを使用して編集できます。FTPでウェブサイトに接続し、/wp-content/themes/your-theme-name/functions.phpファイルを見つけて右クリックし、「編集」を選択してテキストエディタでこのファイルを開きます。追加した行を見つけて削除してください。

        管理者

  25. I have been having issues with trying to remove a featured image. When I click on the ‘remove featured image’ link in the post – nothing happens. Have you come across this before? Its causing us to have to recreate posts when we want to add a new featured image :(

    • WordPressプラグインが原因で問題が発生している可能性があります。プラグインを1つずつ無効にし、各プラグインを無効にした後、投稿に戻ってアイキャッチ画像(サムネイル画像)を削除してみてください。問題を引き起こしているプラグインが見つかるまで繰り返してください。これで問題が解決するかどうかお知らせください。

      管理者

  26. ウェブサイトでWordPressのテーマを1ヶ月以上使用しています。突然、アイキャッチ画像(featured image)をアップロードすると、アップロードはされるのですが、メディアライブラリに表示されるサムネイルに画像の寸法が表示されなくなり、投稿にアイキャッチ画像が表示されなくなりました。サムネイルの横にある「画像を編集」をクリックすると、「画像データが存在しません。画像を再アップロードしてください。」というエラーメッセージが表示されます。このエラーのせいで本当にイライラしており、新しい画像をアップロードできないため、新しい記事を投稿できません。すでにアップロード済みの画像は機能します。多くの検索とトラブルシューティングを行いました。テーマのサポートにもすでに連絡しましたが、ホスティングの問題であり、解決できるはずだと言われました。何が原因でこの問題が発生しているのか分かりません。すでにメールで問い合わせており、返信を待っています。なぜこれが起こっているのか、何かアイデアはありますか?今まで正常に動作していました。

    どんな提案でも大変助かります。

  27. 複数の投稿からアイキャッチ画像をまとめて削除する方法はありますか?現在、アイキャッチ画像を解除するには、個別に投稿編集ページから削除する必要があります。

  28. こんにちは、私のフードブログ http://www.reallifedinner で、各投稿の最上部に表示されるのではなく、カテゴリアーカイブ(レシピインデックスなど)にアイキャッチ画像を表示する方法を調べています。現在、投稿の小さなサムネイルが大きな投稿画像の上に表示されて非常に格好悪いので、表示をオフにしています。アーカイブの画像はそのままに、投稿の画像を消す方法はありますか?

    • カテゴリーアーカイブサムネイルのような新しい画像サイズを作成する必要があります。次に、カテゴリーテンプレートでそれを使用する必要があります。また、個々の投稿内にアイキャッチ画像を挿入していないことを確認してください。アイキャッチ画像を設定するだけで、テーマがシングル投稿表示やカテゴリーアーカイブでのアイキャッチ画像の表示を処理するようにしてください。

      管理者

  29. この記事は、WordPressブログに画像を追加するのに大いに役立ちました。本当にありがとうございます。

  30. Hi

    解決できない問題があり、このトピックについてまだGoogleで調べていますが、アドバイスをいただけると幸いです。

    約5000件のカスタム投稿があり、私がやりたいのは、X件の投稿にアイキャッチ画像を割り当てることです。つまり、X件の投稿にアイキャッチ画像をまとめて割り当てることです。

    手伝っていただけますか?

  31. 上記のコードを入力したところ、ウェブサイトがクラッシュし、白い画面が表示されて何もできなくなりました。白い画面を修正する方法についてのページを読みましたが、どれも効果がありませんでした。エディタテーマにアクセスして、入力したコードを削除する必要があるのですが、どうすればよいでしょうか?

    • FilezillaのようなFTPクライアントを使用してサイトにアクセスできます。次に、最後に編集したファイルに移動します。そのファイルをダウンロードし、メモ帳やWordPadのようなテキストエディタで開きます。最後に編集した行を削除し、FTPを使用してファイルを再度アップロードします。

      管理者

  32. 突然ブログに画像を投稿できなくなりました。状況は以下の通りです。
    新規投稿>メディアを追加>メディア挿入画面に来ましたが、アップロードオプションしか使えず、メディアライブラリのオプションが機能しません。
    仕方がないので画像をアップロードしようとすると、アップロードされているように見えますが、「エラー _DSC6096WEB.jpg アップロード中にエラーが発生しました。後でもう一度お試しください。」というエラーメッセージが表示されます。
    これで投稿に画像を挿入できなくなりました。しかし、ダッシュボードに戻る矢印をクリックして「メディア>ライブラリ」をクリックすると、エラーが発生した画像が表示されています!そこで、画像の横にある小さなボックスをクリックして「表示」をクリックすると、ブログページに小さな画像として表示されます。そこから戻るか、編集するかの選択肢がありますが、画像は表示されるものの、画像を投稿することはできません。更新または完全に削除するかの選択肢があります。

    堂々巡りしています。何か提案はありますか?

  33. ブログ記事に画像を追加せずに投稿し、ホームページを確認すると問題なく表示されます。その後、ランダムに画像が投稿に追加されていることに気づきました。この原因について何かお分かりになりますか?よろしくお願いします。

    • また、ライブサイトで発生しているのですが、ステージングサイトでは再現できないため、サーバーに関連しているのではないかと疑っていますが、解決方法がわかりません。

      • 変ですね。投稿がランダムに添付されている場合、それは別のプラグインが原因で発生する可能性があります。そのプラグインは、アイキャッチ画像が見つからない場合に投稿の最初の画像をアイキャッチ画像として添付するかもしれません。

        管理者

  34. アイキャッチ画像を使用すると、サムネイルは正常に作成されますが、投稿の上に大きな「アイキャッチ画像」も投稿されます。この二重投稿を削除するにはどうすればよいですか?

    投稿の抜粋にサムネイル、200語、そして「続きを読む」ボタンを付けたいです…
    投稿全体には、フルサイズの写真と全てのテキストを表示したいです

    なぜこんなに難しいのですか?何が足りないのですか?サムネイルは(折り畳み部分の)注目の画像に紐づいているのですか??

      • 使用しているのは wordpress 2012 theme です。構造的な変更はほとんどなく、見た目の変更のみです。

        何かアイデアはありますか?本当に助けが必要です!

        ご返信ありがとうございます!感謝します!

        • Justin、この問題を解決しましたか?全く同じことが私にも起こっています。投稿/ブログページと投稿内のサムネイルを追加するレスポンシブテーマ(awethemes reactor)に移行したいのです。この問題に何時間も悩まされています!

        • @Justin and Martin:

          Twenty Twelveは、投稿コンテンツの上にアイキャッチ画像を表示します。投稿内にアイキャッチ画像を挿入するべきではありません。アイキャッチ画像として設定するだけで済みます。多くのユーザーがこの間違いを犯し、アイキャッチ画像を設定するだけでなく、投稿にも挿入します。これにより、画像はサイト上で異なるサイズで2回表示されます。一度はアイキャッチ画像として、もう一度は投稿コンテンツの一部として。

          特集画像は必ずしもサムネイルや小さいサイズである必要はありません。例えば、Twenty TwelveやTwenty Thirteenでは、デフォルトで大きな画像が特集画像として表示されます。

          そのため、新しい画像サイズを作成する必要があります。次に、タグ <?php the_post_thumbnail(); ?> を削除し、サムネイルを表示したい場所に <?php the_post_thumbnail(‘your-thumbnail-size’); ?> を使用します。

          この問題が解決することを願っています。

  35. プラグインを盲目的に使うのではなく、コーディングの使用に関するもう一つの良い記事を見ることができて嬉しいです。素晴らしい仕事を続けてください。

  36. 特集画像は前方のみ機能します。特集画像が設定されていない場合、表示されません。

    そのため、各投稿に対してアイキャッチ画像をまとめて(つまり、投稿内の最初の画像を選択して)手動で行うことなく、後から設定する方法はありますか?

返信する

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