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/your-theme-name/functions.phpにあります。

このファイルを開き、コード「 add_theme_support('post-thumbnails');」を一番下に追加してみてください。

変更を有効にするために、必ず保存してください。追加したら、テーマはおすすめ画像をサポートするようになります。

single.phpやcontent.php）で、画像を表示したいコード行に追加する必要があるかもしれません

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

注目画像が正しく表示されるように、表示設定を調整してください。以下のチュートリアルをご利用ください。

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

• 次に、 「WP Latest Posts」。
• ブロック設定から注目の画像を有効にします。
• レイアウトに合わせて画像を調整します。

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

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

この方法では、追加のサードパーティ製ツールをインストールする必要はありません。特に多くのプラグインをインストールしている場合、手間がかかると感じる場合は、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、Lite Speed Cache 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.
• 変更を保存したら終了します。

6. 画面オプションで注目画像メタボックスが有効になっていることを確認します

WordPressの「表示オプション」でアイキャッチ画像オプションが表示されない場合は、手動で設定を有効にする必要があるかもしれません。以下の手順に従って、表示されないメタボックスを復元してください。

• WordPress ダッシュボードで投稿を開きます。
• 右上隅にある「画面オプション」を選択します

• 注目の画像ボックスをチェックします。
• エディター パネルを下にスクロールして、 [注目の画像] セクション。

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

結論

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

メディアの整理の問題で画像が見つからない場合は、 WP Media Folder。このプラグインを使用すると、メディアライブラリを無制限のフォルダに整理できるため、必要な画像を簡単に見つけることができ、重複したアップロードを防ぐことができます。

データを安全に保つために、上記の手順を実行する前に必ずバックアップを作成してください。