WordPress に表示されない注目の画像を修正する方法 (6 つの方法)

アイキャッチ画像が WordPress に表示されないことは、大きな悩みの種になる可能性があります。

これらの画像は、訪問者の注意を引き、クリック率を高めるために重要です。それらが表示されないとイライラし、サイトのパフォーマンスに影響を与える可能性があります。

私たちはこの問題にブログで時々直面してきたので、それがどれほど煩わしいものであるかを知っています。良いニュースは、私たちはそれに対処する方法を知っているということです。

このガイドでは、WordPress に表示されないアイキャッチ画像を修正する簡単な手順をいくつか説明します。

アイキャッチ画像とは何ですか? WordPress に表示されないのはなぜですか?

アイキャッチ画像はブログ投稿リストページに表示され、場合によっては投稿のヘッダーにも表示されます。 YouTube のサムネイルと同様に、アイキャッチ画像の目的は、ページビューとユーザーエンゲージメントを増やすことです。

さらに、注目の画像は、最近の投稿やアーカイブページ、検索ページで個々の記事を表すためにも使用されます。

さらに、注目の画像のスタイルがブログ投稿の残りの部分の雰囲気を決定します。

ほぼすべての WordPress テーマでは、注目の画像をアップロードし、サイドバーメニューやメインコンテンツ領域など、サイトのさまざまな領域に画像を表示できるようになります。

この問題のトラブルシューティングを行っている場合は、WordPress で注目の画像を追加したり、サムネイルを投稿したりする方法に関するチュートリアルを参照してください。まずアイキャッチ画像をアップロードする方法を知っておくことが重要です。

アイキャッチ画像ではなくカバー画像を誤ってアップロードすることがよくあります。また、投稿の最初の画像が投稿のサムネイルとして自動的に表示されるテーマを使用している場合もあります。

これを念頭に置いて、発生する可能性のある潜在的な問題を修正する方法を説明します。リンクを使用して、現在直面している問題にジャンプしてください。

WordPress の画像に関して問題がありますか? WPBeginner Pro Services の専門家がお手伝いします。画像の問題やその他の Web サイトの問題を迅速に解決するため、手頃な価格の緊急 WordPress サポートを提供しています。サイトについてストレスを感じるのはやめて、大事にしてください。今すぐ WordPress サポートサービスを予約してください。

注目の画像が見つからないという頭痛の種に別れを告げましょう。一緒にこの問題を解決していきましょう!

１．アイキャッチ画像アップロード時の HTTP エラーを修正

ファイルサイズの大きいアイキャッチ画像をアップロードしようとすると、曖昧な「HTTP エラー」メッセージが表示される場合があります。多くの場合、これは画像ファイルが大きすぎるか、WordPress サイトへのより大きなアップロードを可能にするためにサイトのメモリ制限を増やす必要があることを意味します。

この問題を解決するには主に 2 つの方法があります。ただし、最初に WordPress からログアウトしてから再度ログインしてください。多くの場合、これにより、再び通常どおりに画像をアップロードできるようになります。

そうでない場合は、次の 2 つの方法のいずれかを試してください。

画像ファイルのサイズを小さくします。
WordPress のメモリ制限を増やします。

まず、画像ファイルのサイズを減らすという、より簡単な方法から始めましょう。サイズが問題になる場合は、WebP、JPEG、または PNG 画像形式に切り替えることをお勧めします。 JPEG は、画質をわずかに低下させてファイルサイズを大幅に小さくする圧縮ファイル形式であり、WebP ファイルはそもそも非常に小さいです。

次に、TinyPNG や JPGmini などの画像圧縮ツールを使用してファイルサイズを圧縮します。

画像をツールにアップロードするだけで、ファイルの圧縮バージョンをダウンロードできます。

詳細については、品質を損なうことなく Web パフォーマンスのために画像を最適化する方法に関するガイドをご覧ください。

すでに画像サイズを圧縮しているにもかかわらず HTTP エラーに対処している場合は、WordPress のメモリ制限を増やすことをお勧めします。現在の Web ホスティングプロバイダーに連絡して、PHP 制限の拡張またはホスティングプランのアップグレードをリクエストするだけです。

ただし、PHP メモリ制限を変更することもできます。その場合は、wp-config.php または .htaccess ファイルを変更する必要があります。どちらの場合も、FTP クライアントまたはファイルマネージャーが必要です。

この方法では、Web サイトを壊さずにカスタマイズを追加できる WPCode などのプラグインを使用することをお勧めします。 WPCode は市場で最高のコードスニペットプラグインであり、20 億を超える Web サイトがコードスニペットを使用した Web サイトのカスタマイズを将来にわたって保証するために WPCode を使用しています。

.htacess ファイルを編集したい場合は、WordPress Web サイトのルートフォルダーに移動する必要があります。次に、「#END WORDPRESS」という行の前に、次のコードを貼り付けます。

define( 'WP_MEMORY_LIMIT', '256M' );

メモリ制限を増やす方法の詳細については、WordPress のメモリ枯渇エラーを修正して PHP メモリを増やす方法に関するチュートリアルをご覧ください。

２．プラグインまたはテーマを修正する

一部の WordPress テーマとプラグインにより、画像の表示が制限されている可能性があります。

ほとんどの WordPress テーマではアイキャッチ画像が自動的に表示されますが、一部のテーマでは管理者による手動設定が必要です。その場合は、WordPress テーマの設定を確認するか、テーマのサポートに問い合わせる必要があるかもしれません。

詳細については、WordPress テーマカスタマイザーの使用方法に関する究極のガイドをご覧ください。

テーマが問題の原因ではない場合は、プラグインが主な原因であるかどうかを確認することもできます。

すべてのプラグインを更新することから始めることができます。それでも問題が解決しない場合は、すべてのプラグインを無効にしてから、1 つずつ再度有効にしてください。

インストールするたびに、注目の画像が表示されるかどうかを確認できます。アイキャッチ画像が失敗した場合は、どのプラグインが問題の原因となっているかがわかります。

ヘルスチェックとトラブルシューティングプラグインを使用することもできます。この無料のプラグインは一連のチェックを実行して、プラグインとテーマの構成および既知のエラーを検出します。

インストールについてサポートが必要な場合は、WordPress プラグインのインストール方法に関するガイドをお読みください。

アクティブ化したら、ツール » サイトの健全性に移動します。ここから、WordPress のセキュリティとパフォーマンスの向上に役立つ推奨事項のリストが表示されます。

ここでは、対処する必要がある、古くて非アクティブなプラグインとテーマが多数インストールされていることがわかります。指定されたリンクをクリックするだけで、プラグインを管理または更新できます。

３．遅延読み込みを無効にする

遅延読み込みは、最初にコンテンツと表示領域をすばやく追加することで、ページの速度と WordPress のパフォーマンスを向上させる機能です。

Google などの検索エンジンは速度が重要なランキング要素であると考えているため、Web サイトが高速になると Web サイトのランキングが向上します。

基本的に、遅延読み込みでは、画像が画面に表示されるまでページ上の画像の読み込みが停止されます。たとえば、長いブログ投稿の最後の画像は、ユーザーが実際に下にスクロールしてその画像に到達するまで読み込む必要はありません。

ただし、一部の遅延読み込みプラグインはアイキャッチ画像を通常の写真として扱う可能性があるため、遅延読み込みによってアイキャッチ画像に問題が発生する可能性があります。これにより、注目の画像の読み込みが遅くなったり、最近の投稿リストに完全に表示されなくなる可能性があります。

また、一部の画像最適化プラグインにはアドオンとして遅延読み込み機能があります。したがって、インストールされている各プラグインをチェックして、この機能が有効になっているかどうかを確認する必要があります。

プラグインの遅延読み込み機能をオフにし、キャッシュをクリアして、フィーチャー画像の問題が解決されるかどうかを確認してください。

一部のプラグインでは、特定の写真を遅延読み込みから除外できます。その場合は、ブログ投稿の最初の画像に対してのみこの機能を無効にすることで、アイキャッチ画像に影響を与えることなく遅延読み込みの恩恵を受けることができます。

WPCode を使用してコードスニペットをカスタマイズすることで、コードを簡単に無効にすることができます。まず、WordPress ダッシュボードから [コードスニペット » + スニペットの追加] ページに移動する必要があります。

次に、この PHP コードをコピーして「コードプレビュー」ボックスに貼り付けるだけです。

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

貼り付けるとこのようになります。

「コードタイプ」として必ず「PHP スニペット」も選択してください。

最後に、プラグインをオンにしてアクティブにし、「スニペットを保存」ボタンを押します。

詳細については、WordPress で遅延読み込みを適切に無効にする方法に関するステップバイステップのチュートリアルを参照してください。

４．ユーザー役割の権限を変更して、注目の画像のアップロードを許可します

WordPress には、サイト上のすべてのユーザーのアクセスとアクションを管理するための 6 つのデフォルトのユーザー役割が用意されています。

Web サイトの所有者ではない場合は、注目の画像をアップロードまたは表示するために必要なユーザー役割を持っていない可能性があります。

必要なのは、ユーザーの役割と権限が適切に設定されていることを確認することだけです。

この問題を解決する簡単な方法は、ユーザーロールエディターなどのプラグインを使用して、ロールと機能を 1 か所で変更できるようにすることです。

WordPress ダッシュボードの ユーザー » ユーザーロールエディタに移動するだけです。

ここから、「役割の選択」で変更したい役割を選択し、その機能を変更します。この場合、「著者」を選択します。

次に、「クイックフィルター」オプションを使用して、「upload_files」を探します。

最後に、「更新」ボタンをクリックして変更を加えます。

このプラグインを使用すると、新しいカスタムロールを作成し、選択した権限へのアクセスを付与することもできます。

５．ブログ投稿ギャラリーページに注目の画像が表示されない問題を修正

アイキャッチ画像を使用する最良の方法の 1 つは、Web サイトのホームページでブログ投稿を紹介することです。

しかし、注目の画像がブログページに表示されない場合はどうすればよいでしょうか?

この問題を解決するには、ホームページまたはアイキャッチ画像を表示したい任意のページに移動して編集します。

次に、「+」アイコンをクリックして、ページ上の投稿に「最新の投稿」ブロックを追加しましょう。ここから、最近の投稿へのリンクが表示されます。

ブロックをクリックして「注目の画像を表示」オプションを有効にするだけです。

その後、配置やアイキャッチ画像のサイズなどの他の設定をページに合わせて調整できるようになります。

ここから、注目の画像がブログ投稿ギャラリーに表示されます。

アイキャッチ画像が表示されると、次のようになります。

６．カスタムコードを追加してアイキャッチ画像の問題を修正する

現在の WordPress テーマが特定の機能をサポートしていないことが原因で、投稿のサムネイルをクリックできない場合があります。

おそらく、注目の画像を RSS フィードに追加したり、管理領域の投稿のリストに注目の画像を表示したりする必要があるかもしれません。

これらはすべて WPCode を使用して実行できます。

アクティブ化したら、 コードスニペット » + スニペットの追加 に進みます。事前に作成されたカスタムコードオプションのライブラリに送信されます。

検索バーに「注目の画像」と入力すると、Web サイトに注目の画像を追加するために使用できるカスタムコードオプションがすべて表示されます。

ここからは、希望のオプションを選択するだけです。

たとえば、WordPress 管理ダッシュボードに注目の画像列を追加したいとします。オプションの上にマウスを移動して、「スニペットを使用」を選択するだけです。

スニペットを編集できるページが表示されます。幸いなことに、コードはすでに事前に設定されているため、コードや設定をいじる必要はありません。

ただし、コードを手動で入力する必要がある場合は、以下からコピーして貼り付けることができます。

add_filter( 'manage_posts_columns', function ( $columns ) {
	// You can change this to any other position by changing 'title' to the name of the column you want to put it after.
	$move_after     = 'title';
	$move_after_key = array_search( $move_after, array_keys( $columns ), true );

	$first_columns = array_slice( $columns, 0, $move_after_key + 1 );
	$last_columns  = array_slice( $columns, $move_after_key + 1 );

	return array_merge(
		$first_columns,
		array(
			'featured_image' => __( 'Featured Image' ),
		),
		$last_columns
	);
} );

add_action( 'manage_posts_custom_column', function ( $column ) {
	if ( 'featured_image' === $column ) {
		the_post_thumbnail( array( 300, 80 ) );
	}
} );

次に、ボタンを切り替えてカスタムコードスニペットをオンにし、[更新] をクリックするだけです。

これにより、行ったすべての変更が保存されます。

次に、管理画面の投稿 » すべての投稿 ページに移動します。

このページでは、投稿のサムネイルが専用の列に表示されていることがわかります。

次に、注目の画像を WordPress の投稿に自動的にリンクする方法に関する投稿や、投稿のサムネイルを WordPress RSS フィードに追加する方法に関するチュートリアルもお読みください。

WordPress のアイキャッチ画像が適切なサイズで表示されない問題を修正する

場合によっては、WordPress の注目画像が正しいサイズで表示されないことがあります。そもそも問題を回避できるように、アイキャッチ画像のベストプラクティスを理解することが最善です。

アイキャッチ画像に適切なグラフィックを選択する

長方形のアイキャッチ画像の最適なアイキャッチ画像サイズは 1200 x 687 ピクセルです。ただし、正方形のフィーチャ画像を使用するテーマの場合、最適なサイズは 600 x 600 ピクセルです。

詳細については、WordPress で基本的な画像編集を行う方法に関するガイドをお読みください。

WordPress のデフォルトの画像サイズを変更する

ブログ内のサムネイルが小さすぎる、または大きすぎる場合は、デフォルトの画像サイズを手動で編集できます。

WordPress は、注目の画像のコピーを自動的に作成し、ブログページ、アーカイブページ、ホームページなどの Web サイトのさまざまな領域に追加します。

WordPress テーマには独自の画像サイズが付属していますが、場合によっては、アイキャッチ画像のサイズを調整したい場合もあります。

これを行うには、WordPress 管理エリアから設定 » メディアに移動します。次に、「サムネイル」サイズのフィールドに、アイキャッチ画像の新しいサイズを入力します。

さらに詳しい手順については、WordPress 画像サイズに関する初心者向けガイドをご覧ください。

Facebook に注目の画像が表示されない

注目の画像は WordPress から取得され、Facebook などのソーシャルメディアサイトが Web サイトのコンテンツを理解して表示できるようにするテクノロジーである Open Graph を通じてソーシャルメディアプラットフォームで人気があります。

Open Graph メタタグを個々の投稿やページに追加して、共有時の表示方法を制御できます。これらのタグには、コンテンツのタイトル、説明、注目の画像などの情報が含まれます。

すべての注目画像を Facebook に確実に表示する最も簡単な方法は、オールインワン SEO を使用することです。これは、検索ランキングを高めるためにウェブサイトを改善および最適化するための最高の WordPress SEO プラグインです。

有効にすると、オールインワン SEO » ソーシャルネットワークに移動できます。次に、[Facebook] タブで、[Open Graph Markup を有効にする] オプションが有効になっていることを確認します。

これにより、注目の画像と短いテキストの抜粋を含むブログ投稿のプレビューが自動的に表示されます。

詳細については、WordPress テーマに Facebook オープングラフメタデータを追加する方法に関するガイドをご覧ください。

リマインダー - WPBeginner Pro サービスは、サイトの画像の問題を解決できます。画像の問題やその他の Web サイトの問題を迅速に解決するため、手頃な価格の緊急 WordPress サポートを提供しています。ストレスを感じずに、今すぐ電話予約をしてください。

この記事が、WordPress に表示されないアイキャッチ画像の解決に役立つことを願っています。最も一般的な WordPress エラーのリストとその修正方法、および削除されたページを回復および復元する方法に関するガイドも確認してください。

この記事が気に入っていただけましたら、WordPress ビデオチュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。