画像のサムネイルが表示されない現象は、WordPressサイトを運営している人が最も頻繁に直面するトラブルの一つです。記事一覧でサムネイルが空白になっていたり、アイキャッチが出ないことで見た目の印象が大きく損なわれることも珍しくありません。この記事では、「画像 サムネイル 表示されない」というキーワードで検索してきた方々の意図を踏まえ、原因を根本から特定し、最新情報に基づいた対処方法をわかりやすく解説します。
画像 サムネイル 表示されない原因とは何かを明らかにする
画像サムネイルが表示されないとき、まず探るべきは原因です。単に画像がアップロードされていないわけではなく、設定・テーマ・サーバー・パーミッション・URL構造・キャッシュなど複数の要因が絡んでいることが多いため、それぞれを丁寧に調査することが解決の近道です。
テーマがアイキャッチ機能をサポートしていない
WordPressテーマにおいて、アイキャッチ（代表画像）がそもそも有効になっていないと、サムネイル表示が機能しません。functions.php に “add_theme_support(‘post-thumbnails’)” を記述し、テーマが投稿タイプに対してサムネイルのサポートを宣言しているかを確認する必要があります。これが設定されていないと、投稿編集画面に「アイキャッチ画像を設定」欄が表示されず使用できません。
テンプレートにサムネイルを出力するコードが存在しない
テーマがアイキャッチをサポートしていても、テンプレートファイル（index.php、single.php、archive.php、category.phpなど）に the_post_thumbnail() 関数が記述されていないとサムネイルは画面上に表示されません。適切な位置にコードが挿入されているか、また条件分岐で非表示になっていないかを確認してください。
メディア設定または画像サイズのトリミング設定の問題
メディア設定画面におけるサムネイルのサイズ設定やトリミング（切り抜き）設定が原因で、意図しない切り取りや部分欠けが起きることがあります。設定が変わった後は、既存の画像サイズが適用されておらず表示が崩れるため、サムネイル再生成プラグインを使って全ての画像を新しい設定で再構築する必要があります。
画像ファイルのパーミッションまたは所有者に問題がある
サムネイルが生成されていても、サーバー上のフォルダやファイルのアクセス権限が不適切だとブラウザからアクセスできません。一般的にディレクトリは 755、画像ファイルは 644 の設定が推奨されます。uploads フォルダのみならずテーマフォルダやキャッシュフォルダも同様に確認し、適切な所有者と権限を設定することが重要です。
URL／パスの問題や混合コンテンツがブロックされている
サイトを HTTPS 化した際に、画像の URL が HTTP のままだとブラウザやサーバーがセキュリティ上の理由でリクエストを拒否することがあります。これを混合コンテンツと呼び、画像が表示されない典型的な原因となります。データベースや投稿コンテンツ中の古い HTTP パスを検索・置換し、テーマやプラグイン内のハードコーディングされている URL を見直してください。
キャッシュや CDN の影響で古い情報が表示されている
キャッシュプラグインや CDN を利用しているサイトでは、ブラウザやサーバー側に古い画像情報が残っていることがあります。設定変更後や画像を更新した後はブラウザキャッシュ・サーバーキャッシュ・CDN から該当するキャッシュを削除（パージ）し、実際に最新の画像が読み込まれるかどうか確認することが肝心です。
画像 サムネイル 表示されない状態をどう対処するか
原因が把握できたら、次は具体的な対処です。最新の WordPress 環境に対応する確実な修正方法を手順を追って解説します。1つずつ順番に確認しながら試してください。
アイキャッチ機能の有効化とテーマの設定確認
まずテーマの functions.php に以下のような記述があるか確認します。
add_theme_support(‘post-thumbnails’);
さらに投稿タイプを限定しているなら、その設定も含めて適切かどうかをチェックしてください。
またテーマ設定画面や外観設定でアイキャッチやサムネイル表示に関するオプションが無効になっている場合がありますので、有効化を確認します。
テンプレートコードの修正と the_post_thumbnail の使用確認
表示される一覧ページやアーカイブページのテンプレートに the_post_thumbnail() 関数が適切な位置にあるかをチェックします。例えばアーカイブループの中で呼び出されているか、サイズ指定が合っているか、また CSS で非表示にされていないかどうかを確認しましょう。もしテーマ側に出力コードが無いなら、子テーマを作成して追加するのもひとつの手です。
サムネイルサイズの設定と再生成
WordPress 管理画面のメディア設定でサムネイル・中・大サイズなどがどのように定義されているか確認します。トリミングが ON の場合は切り抜きが強制され、OFF の場合は縦横比が保たれます。設定変更後に Regenerate Thumbnails などの再生成プラグインを使い、既存の画像に設定を適用することで切り取りや欠けの問題を修正できます。
ファイルとフォルダのパーミッション・所有者を適切に設定
uploads フォルダ内にサムネイル画像ファイルが存在していても、ファイルの読み込み権限がなければブラウザは空白を表示します。Linux 環境ではディレクトリを 755、画像ファイルを 644 に設定し、Web サーバーの実行ユーザーが所有者かグループに含まれていることを確認します。FTP ソフトやホスティング管理画面を使って修正可能です。
HTTP／HTTPS の混合コンテンツを解消する
サイトを SSL 化した後に画像 URL が古い HTTP を使っていると混合コンテンツとしてブラウザにブロックされます。サイトアドレスなど WordPress の一般設定を確認し、必要なら WP_HOME や WP_SITEURL 定数を更新してください。投稿内容やウィジェット、テーマ設定の中から HTTP で始まる URL を検索・置換し、すべてを HTTPS に統一します。
キャッシュや CDN のクリア・最適化設定の確認
プラグイン（キャッシュ・最適化系）や CDN を使用していると、古い情報が残って表示が更新されないことがあります。設定変更後はキャッシュをクリアし、CDN のパージ操作を行って最新状態に更新します。また遅延読み込み（lazy load）や画像最適化プラグインがサムネイル生成・表示に干渉していないかも確認しましょう。
事例比較で見るよくある原因パターン
サーバーパーミッションが原因の事例
uploads フォルダ以下の画像ファイルが存在するにも関わらず、管理画面上でサムネイルが壊れている・空白表示になることがあります。この場合、ディレクトリの権限が 755 でない・ファイルが 644 でない・所有者が Web サーバーのユーザーではないなどが原因となることが多いです。
SSL 移行後の混合コンテンツに起因する事例
HTTPS に切り替えたサイトで、古い投稿の画像 URL が HTTP で残っていたことでブラウザによりブロックされ、サムネイルが表示されないケースがあります。混合コンテンツを確認すると明確になるため、ブラウザのデベロッパーツールを利用して問題の資産を特定し、URL 修正を行うことで解消されます。
まとめ
画像のサムネイルが表示されない問題は、「テーマ設定」「テンプレートの出力」「メディア設定」「ファイル権限」「URL構造」「キャッシュ／CDN」など複数の要因が複合していることがほとんどです。焦らず一つずつ切り分けて確認することで、原因は特定できます。
まずは、アイキャッチ機能が有効かどうか、the_post_thumbnail 関数が使われているか、サムネイルサイズとトリミング設定が適切かをチェックしましょう。次に、ファイルのパーミッションや所有者、HTTP／HTTPS の混合コンテンツ、キャッシュの影響を排除することが大切です。
これらの対処を行えば、見た目と機能の両方で整った WordPress サイトを再構築でき、ユーザーにも検索エンジンにも評価されるサムネイル表示が戻るでしょう。
コメント