WordPressで表示されないアイキャッチ画像を修正する方法 (6つの方法)

WordPressの注目の画像は視覚的なフックとして機能します。訪問者が最初に目にするものであることが多いです。優れた注目の画像はサイトの外観を向上させ、強い第一印象を与えることができます。. 

しかし、これらの画像が正しく表示されないと、ユーザーエクスペリエンスの低下、レイアウトの魅力の喪失、さらにSEOパフォーマンスへの悪影響を及ぼす可能性があります。

現在この問題に直面している場合でも、心配はいりません。私たちがサポートします。この記事では、WordPressでアイキャッチ画像が表示されない問題を解決するための6つの簡単な方法を紹介します！

アイキャッチ画像の問題の一般的な原因

解決策に入る前に、WordPressで注目画像が表示されない根本的な原因を理解することが重要です。一般的な原因を以下に示します。 

1. テーマがアイキャッチ画像をサポートしていない

WordPressは、サイトを華やかにするために、スタイリッシュで楽しいテーマを数多く提供しています。そのため、サイトの外観をカスタマイズするのは楽しいことです。しかし、テーマがアイキャッチ画像をサポートしているかどうかを確認することを忘れないようにしましょう。

一部のテーマでは、デフォルトでアイキャッチ画像をサポートしていない場合や、アイキャッチ画像を有効にするために追加の手順が必要な場合があります。

したがって、アイキャッチ画像を正しく追加したにもかかわらず表示されない場合は、この理由が原因である可能性があります。

2. 表示設定が正しくない

特定の表示設定によって、アイキャッチ画像が表示されなくなることがあります。投稿エディター、テーマ設定、ページビルダーなどでデフォルトの設定を変更した場合、このオプションが無効になっている可能性があります。

画像が意図した通りに表示されるように、表示設定が正しく構成されていることを確認してください。チェックボックスがオフになっているなどの小さなミスが、画像が表示されない原因になっていることがあります。

3. プラグインの競合

WordPressの使用をサポートするために多くのプラグインを使用している場合、この問題が発生する可能性があります。サポートされていないプラグインはテーマと干渉し、アイキャッチ画像が正しく表示されないことがあります。

この問題はかなり一般的です。プラグインとテーマは競合するスクリプトを持つ可能性があるためです。問題の原因となっているプラグインがわかっている場合は、プラグインを無効にするか、プラグインの開発者に解決策を問い合わせてください。

4. 画像の表示に影響する Lazy loading

Lazy loading は、必要なときにのみ画像を読み込むことでページの読み込み時間を改善するためにプラグインによって使用される機能です。.

これは便利なツールですが、アイキャッチ画像の読み込みを妨げることがあります。これは通常、ページ上のすべての画像に対して遅延読み込みが有効になっている場合に発生します。.

この設定を有効にしている場合は、 lazy loading が注目画像に影響を与えないように設定を調整してください。また、別の lazy loading プラグインに切り替えて問題を解決することもできます。. 

5. 画像アップロード時のHTTPエラー

画像をアップロードする際にHTTPエラーメッセージが表示された場合、通常、ファイルが大きすぎるか、サイトのアップロード制限を超えていることを意味します。

これは、大きなアイキャッチ画像をサイトにアップロードしようとしたときに発生する一般的な問題です。これを解決するには、wp-config.phpファイルを編集してPHPのメモリ制限を増やすか、アップロードする前に画像を圧縮します。

6. アイキャッチ画像のメタボックスが見つからない

アイコン画像のメタボックスは、投稿やページを編集する際に表示されるはずです。もし表示されない場合は、エディタの設定やテーマの設定が原因かもしれません。

このボックスがないと、アイコン画像を設定できません。以下のステップバイステップガイドで解決策をご紹介します。

ステップバイステップの解決策

考えられる原因を理解することで、最も効果的な解決策を特定できます。以下は、WordPressでアイキャッチ画像が表示されない問題を解決するための簡単なヒントです。これらの手順に従って、サイトに視覚的な魅力をもたらしましょう。 

1. テーマでアイキャッチ画像を有効にする

アイキャッチ画像に対応していないテーマを使用していて、最初からやり直したくない場合、解決策があります。
functions.phpファイルを簡単に編集することで、アイキャッチ画像を有効にすることができます。このファイルは、通常、wp-content/themes/テーマ名/functions.phpにあります。wp-content/themes/your-theme-name/functions.php。

そのファイルを開いて、コードを追加してみてください。add_theme_support('post-thumbnails');をファイルの最後に追加します。

変更を保存して有効にしてください。追加すると、テーマはアイキャッチ画像をサポートするようになります。

ただし、アイキャッチ画像がまだ表示されない場合は、テンプレートファイル（single.phpやcontent.phpなど）を変更して、画像を表示したいコードの行に追加する必要があるかもしれません。

2. WordPressエディターで表示設定を確認して調整する

表示設定を調整して、注目の画像が正しく表示されるようにします。下記のチュートリアルを使用できます:

• 注目の画像を追加するページに移動します。.
• ブロックを追加するには、プラスアイコン (+)を選択します。

• 次に、WP 最新の投稿を選択します。
• ブロック設定からアイコン画像オプションを有効にします。.
• 画像をレイアウトに合わせて調整します。.

3. 競合を特定するためにプラグインを無効化する

WordPressのアイキャッチ画像が表示されない一般的な原因の1つは、プラグインの競合です。この問題に対処する最も効果的な方法は、インストールされているプラグインを手動で1つずつ無効にすることです。

この方法では、追加のサードパーティツールをインストールする必要はありません。多数のプラグインがインストールされている場合など、作業が大変に思われる場合は、Health Check & Troubleshootingプラグインを使用できます。

4. 必要に応じて、アイキャッチ画像の lazy loading を無効にする

サイト上の lazy loading 機能を完全にオフにする必要はありません。 lazy loading を利用して、画像の配信を最適化しながら、注目の画像が正しく表示されるようにすることができます。修正方法は次の2つです: 

a. functions.phpファイルを編集する

• WordPressダッシュボードの「外観」>「テーマファイルエディタ」に移動します。.
• 現在のテーマのfunctions.php
• 次のコードをファイルに追加します:

add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( $context === 'the_post_thumbnail' ) { return false; } return $default; }, 10, 3 ); 

• 最後に、ファイルを保存します。. 

b. プラグインを使用する

コード編集を行わずに済ませたい場合は、WP Speed of Light、Disable Lazy Load、LiteSpeed Cache、またはWP Rocketのようなプラグインを利用できます。これらのツールを使用すると、ファイルを編集せずにlazy loadingの設定が可能になり、プログラマーでないユーザーでも簡単に利用できます。

5. PHPメモリ制限を増やすか、ファイル権限を確認してHTTPエラーを解決する

アイキャッチ画像が表示されないHTTPエラーが発生している場合は、2つの方法で対処できます。PHPのメモリ制限を増やすか、ファイルパーミッションを確認して正しいことを確認します。両方の解決策に関する完全なチュートリアルは次のとおりです。 

a. PHPメモリ制限の引き上げ

このステップでは、.htaccessまたはwp-config.phpを変更する必要があります。各ファイルを試して適切なものを見つけてください。 

1. wp-config.phpを変更する

• FTPクライアントまたはcPanel経由でサイトにアクセスします。.
• ファイルマネージャを開き、ルートディレクトリ内のwp-config.phpファイルを見つけます。

• 次の行を探します：define('WP_MEMORY_LIMIT', '32M');
• 必要に応じて値を変更します。例：define('WP_MEMORY_LIMIT', '256M');

2. .htaccessファイルにコードを追加する

• ルートディレクトリにある.htaccess
• このコードを下部に追加します: php_value memory_limit 256M。
• 変更を保存します。.

b. ファイルのパーミッションを確認する

誤ったファイルパーミッションは、画像のアップロード時にHTTPエラーを引き起こす可能性があります。WordPressのパーミッションは次のようになっている必要があります。

• ファイル: 644に設定
• フォルダ: 755に設定します。

ファイルとフォルダの両方の権限が正しくない場合は、次のクイックフィックスに従って手動で変更できます：

• ファイルマネージャーを開きます。
• wp-content/uploadsフォルダを右クリックします。
• ファイル権限または権限の変更
• フォルダーの権限を755に設定します。変更を保存します。
• また、ファイルの権限を644に設定して更新します 644.
• 変更を保存した後、終了します。.

6. 画面のオプションでアイキャッチ画像のメタボックスが有効になっていることを確認する

アイキャッチ画像オプションがWordPressの画面オプションに表示されない場合は、手動で設定を有効にする必要があります。これらの手順に従って、欠落しているメタボックスを復元してください:

• WordPressダッシュボードで投稿を開きます。.
• 右上隅の画面オプションを選択します。ブロックエディタを使用している場合、場所が異なる場合があります。

• アイキャッチ画像のボックスにチェックを入れます。
• エディターパネルを下にスクロールして、アイキャッチ画像のセクション

• メディアライブラリから画像をアップロードします。
• 次に変更を適用します。画像は正しく表示されるはずです。

結論

WordPressのアイキャッチ画像が表示されない問題の解決策は比較的簡単です。プラグインを定期的に更新し、適切なテーマを使用することで、互換性の競合によって引き起こされる将来の問題を防ぐことができます。.

画像がメディアの整理の問題で表示されない場合は、WP Media Folderのようなプラグインの使用を検討してください。これにより、メディアライブラリを無制限のフォルダに整理でき、必要な画像を簡単に見つけ、重複してアップロードするのを避けることができます。

上記の手順を実行する前に、データの安全を確保するためにバックアップを作成することを忘れないでください。.