2026年8月19日

2026年8月19日

WordPressでGravatar画像が表示されないときの確認ポイントと直し方

コメント欄やプロフィールのGravatar画像が出ないとき、原因の多くは「そのメールアドレスにGravatarが登録されていない」「アバター表示の設定やテーマが表示していない」「ブラウザーやセキュリティ設定が画像の読み込みを止めている」のどれかです。この記事では、ブラウザーの開発者ツールで症状を見分ける方法と、起きやすい順に並べた原因ごとの確認方法・直し方を説明します。

まず症状を見分ける

「表示されない」には見た目の違う3つの状態があります。どれに当たるかで、調べる場所が変わります。

  • 人型のシルエットや模様など、本人の写真ではない画像が出る: 画像の読み込み自体は成功しています。Gravatar側に該当メールアドレスの登録がなく、既定の画像に置き換わっている状態です。
  • 画像の枠だけ、または壊れた画像のアイコンが出る: 画像のURLは出力されているものの、読み込みが失敗しています。
  • 画像の場所そのものが無い: HTMLにimgタグが出力されていません。設定かテーマの問題です。

確認には、表示されない画面で右クリックして「検証」(ブラウザーによって表記は異なります)を開き、開発者ツールを使います。

  1. 「Elements(要素)」タブで、アバターの位置に gravatar.com を含む img タグがあるかを見る。タグが無ければ設定・テーマ側の問題です。
  2. 「Network(ネットワーク)」タブを開いてページを再読み込みし、絞り込み欄に gravatar と入力する。リクエストの状態欄を見ます。
  3. 「Console(コンソール)」タブに、画像の読み込みを拒否したというメッセージが出ていないかを見る。

Networkタブの状態欄の読み方は次のとおりです。

  • 200: 画像は届いています。表示されているのが既定の画像なら、登録の問題です。
  • 404: URLに既定画像を返さない指定(d=404)が付いていて、登録が無い場合に起きます。
  • (blocked:csp) など: サイトのセキュリティヘッダーが読み込みを拒否しています。
  • ERR_BLOCKED_BY_CLIENT: 広告ブロックなどのブラウザー拡張機能が止めています。

原因1: メールアドレスにGravatarが登録されていない

最も多いのがこの原因です。GravatarはメールアドレスをもとにURLを組み立てて画像を探すため、コメントに入力したメールアドレスと、Gravatarに登録したメールアドレスが一字でも違うと表示されません。仕事用と個人用のアドレスを使い分けている場合によく起きます。

確認するには、管理画面の「コメント」で該当コメントの投稿者メールアドレスを確かめ、gravatar.com にそのアドレスでログインして画像が設定されているかを見ます。登録直後や画像の差し替え直後は、Gravatarやブラウザーのキャッシュで古い画像がしばらく出ることがあります。WP-CLIが使える環境なら、そのアドレスに対して出力されるURLを直接確かめられます。

wp eval 'echo get_avatar_url( "user@example.com" ) . PHP_EOL;'

出てきたURLをブラウザーで開き、本人の画像が出ればWordPress側は正常です。

原因2: アバター表示がオフ、またはテーマが表示していない

imgタグ自体が無い場合は、まず「設定」→「ディスカッション」のアバターの項目を見ます。アバターを表示するチェックが外れていると、テーマに関係なく表示されません。同じ画面に「評価による制限」と「デフォルトアバター」の設定もあります。画像に付けたレーティング(G・PG・R・X)が、サイト側で許可している上限より高いと、その画像は既定の画像に置き換わります。WP-CLIでは次のように値を確認できます。

wp option get show_avatars
wp option get avatar_rating
wp option get avatar_default

show_avatars が 1 以外ならオフです。設定がオンなのに出ない場合はテーマを疑います。クラシックテーマでは、コメント一覧を出す comments.php などが get_avatar() や、avatar_size を指定した wp_list_comments() を使っているかを確認します。一時的にWordPressの標準テーマへ切り替えて表示されるなら、テーマ側の原因です。ブロックテーマでは、サイトエディターでコメントのテンプレートにアバターを表示するブロックが入っているかを見ます。テーマのファイルを直す場合は、親テーマを直接編集せず子テーマで行ってください。

原因3: プラグインやテーマのコードが置き換えている

プライバシー対策のために外部のGravatarへの接続をやめるプラグインや、ローカルに画像をアップロードして使うアバター系のプラグイン(例: Simple Local Avatars)が入っていると、Gravatarは表示されなくなります。これは不具合ではなく機能です。画像の遅延読み込みやHTML最適化の機能を持つキャッシュ系プラグインが、imgタグの属性を書き換えて表示を壊す場合もあります。

切り分けは、ステージング環境でプラグインを1つずつ停止して表示が戻るかを見るのが分かりやすい方法です。本番で試す場合は、事前にバックアップを取り、アクセスの少ない時間に行ってください。コード側で置き換えていないかは、アバター関連のフックを使っている箇所を検索すると見つかります。

grep -rnE "add_filter\(\s*'(pre_get_avatar_data|pre_get_avatar|get_avatar_url|get_avatar|option_show_avatars)'" wp-content/plugins wp-content/themes

pre_get_avatar_data、pre_get_avatar、get_avatar_url、get_avatar はアバターの出力を変えるためのフィルターです。該当したプラグインやテーマの設定画面に、Gravatarを使わない設定が無いかを確認します。

原因4: Content-Security-Policyが画像を拒否している

Consoleに「Refused to load the image」で始まり img-src を含むメッセージが出ている場合は、サイトが送っているContent-Security-Policy(CSP)ヘッダーの img-src にGravatarのドメインが含まれていません。セキュリティヘッダーを追加するプラグインやサーバー設定、CDNの設定でCSPを入れたあとに起きやすい症状です。

CSPを設定している場所で、img-src にGravatarのドメインを加えます。

Content-Security-Policy: img-src 'self' data: https://*.gravatar.com

既存の img-src に自サイトや他のCDNのドメインが書かれている場合は、それらを消さずに追記してください。サーバー設定を変更する前には、設定ファイルのバックアップを取ります。

原因5: 閲覧環境やネットワークの問題

ERR_BLOCKED_BY_CLIENT が出る場合は、閲覧しているブラウザーの拡張機能が原因です。シークレットウィンドウや別のブラウザーで表示されるなら、サイト側の問題ではありません。社内ネットワークのフィルターで外部画像が止められている場合や、インターネットにつながらないローカルの開発環境で確認している場合も、同じように表示されません。スマートフォンのモバイル回線など、別の経路から表示を確かめると切り分けられます。

変更前の注意

設定画面の変更だけなら影響は小さいものの、テーマのファイル、サーバーのヘッダー設定、プラグインの入れ替えを伴う作業は、ファイルとデータベースのバックアップを取ってから、可能ならステージング環境で試してください。管理画面の項目名や開発者ツールの表記は、WordPressやブラウザーのバージョンで変わることがあります。この記事の表記は(2026年10月現在)のものです。

まとめ

  • 既定の画像が出るなら、まずメールアドレスとGravatarの登録が一致しているかを確認する
  • imgタグが無いなら「設定」→「ディスカッション」のアバター設定とテーマを確認する
  • 開発者ツールのNetworkタブで gravatar を絞り込み、状態欄で原因の場所を見分ける
  • (blocked:csp) ならCSPの img-src に https://*.gravatar.com を加える
  • プライバシー系・ローカルアバター系のプラグインは、仕様としてGravatarを止めることがある

お気軽にご相談ください

お見積りへ お問い合わせへ
▲