WordPressでデフォルトのGravatarを変更する方法(簡単なガイド)

WordPressのコメントセクションにある、あのありふれた「謎の人物」のアバターは、あなたのサイトにとって何のメリットもありません。数百ものWordPressサイトを構築してきた経験から、パーソナライズされたコメントセクションが、あなたのサイトをより魅力的でプロフェッショナルに見せることができると私たちは知っています。

ブランドロゴ、カスタムデザイン、または単にデフォルトのグレーのシルエットよりも魅力的なものを使用したい場合でも、デフォルトのGravatarを変更することは、サイトの外観を向上させる簡単な方法です。一番良いところは?この変更を行うのに専門家である必要はありません。

このガイドでは、WordPress でデフォルトの Gravatar を置き換えるいくつかの方法を紹介します。

WordPressでデフォルトのGravatarを変更する方法

デフォルトGravatarとは何ですか?なぜ変更する必要があるのですか?

GravatarはGlobally Recognized Avatarの略です。これは、人々がプロフィールを作成し、アバター画像をメールアドレスに関連付けることができるウェブサービスです。

すべてのWordPressサイトにはグラバターの組み込みサポートがあり、マルチライターのWordPressブログで投稿を作成したりコメントを残したりすると、ユーザーのアバターが自動的に表示されます。

ユーザーがGravatarを持っていない場合、WordPressは代わりにデフォルトのGravatarを表示します。ほとんどのWordPressウェブサイトでは、これは灰色の謎の人物です。

WordPressのデフォルトGravatar

このデフォルトのグラバターを、お好みの他の画像に変更できます。たとえば、会社の代表的な画像、例えば ウェブサイトのロゴ などを使用できます。これにより、ブランディングを強化することができます。

私たちの場合は、コメントを残したいユーザーにとって不要な追加ステップになることがわかったため、Gravatarを完全に無効にすることにしました。

WPBeginnerのコメントセクション

それでは、WordPressでデフォルトのGravatar画像をどのように変更できるか見てみましょう。使用したい方法に直接ジャンプするには、クイックリンクを使用してください。

方法1:デフォルトのWordPress Gravatarを変更する(簡単・迅速)

WordPressには、使用できるいくつかの異なるデフォルトGravatarが用意されています。デフォルトを使用することは、ミステリーパーソンGravatarを変更する最も簡単な方法ですが、これらの画像はあなたのWordPressウェブサイトやブランド固有のものではなくなります。

さまざまなデフォルトグラバターを確認するには、WordPress 管理エリアから 設定 » ディスカッション に移動する必要があります。

WordPressでデフォルトGravatarを変更する

「デフォルトアバター」の下には、その人のメールアドレスにGravatarがリンクされていない場合にWordPressが使用できるさまざまなユーザーアバター画像が表示されます。

標準では、WordPressはミステリーパーソンをデフォルトとして使用しますが、このセクションでは他のどの画像でも使用できます。

WordPressに組み込まれているGravatar

WordPressブログの画像横にあるラジオボタンをクリックするだけです。

次に、画面の一番下までスクロールし、「変更を保存」をクリックします。

WordPress のディスカッション設定ページで「変更を保存」ボタンをクリックする

方法2:Thrive Commentsを使用してカスタムGravatarをアップロードする(プラグイン方式)

デフォルトのWordPressプロフィール画像が気に入らない場合は、カスタムgravatarをアップロードすることもできます。これは、コメントセクションをブランドに合わせてパーソナライズする最良の方法です。

この方法では、Thrive Commentsを使用します。これは、ユーザーにブログ記事にコメントするように促し、ウェブサイトのエンゲージメントを高めるように設計されたコメントプラグインです。

カスタムグラバター機能に加えて、Thrive Commentsにはコメントセクションをより楽しくエキサイティングにするためのツールが付属しています。たとえば、ソーシャルメディアサイトのように、いいねと嫌いを有効にすることができます。

Thrive Comments WordPress プラグイン

Thrive Comments は個別のプラグインとして入手することも、完全版の Thrive Themes Suite を購入することもできます。これには、コメントを推薦文に変えることができる Thrive Ovations のような、すべての Thrive 製品が含まれています。

その後、プラグインのzipパッケージをダウンロードして、WordPressサイトにインストールできます。詳細については、WordPressプラグインのインストール方法の完全ガイドをご覧ください。

プラグインがインストールされ、有効化されたら、WordPress管理エリアから Thrive Dashboard » Thrive Comments に移動できます。次に、「カスタマイズスタイル」タブを開きます。

このタブ内で、「アバターを表示」設定がオンになっていることを確認してください。完了したら、「画像を選択」をクリックするだけです。

Thrive CommentsでカスタムGravatarを選択する

この時点で、WordPress のメディアライブラリから既存の画像を選択するか、独自の画像をアップロードして、Gravatar のデフォルト画像として使用できます。

ストックフォトを使用したり、カスタムロゴを作成したり、Canvaのようなウェブデザインソフトウェアを使用して新しいグラバター画像を作成することもできます。この画像は、250×250ピクセルなどの正方形である必要があります。

画像を選択したら、「選択」をクリックしてください。

Thrive Commentsを使用してWordPressメディアライブラリでGravatar画像を選択する

これで完了です!

プレビューとライブコメントセクションに新しいデフォルトのGravatarプロフィール画像が表示されるはずです。

Thrive Comments プラグインが有効になった後のコメントの例

Thrive Commentsの素晴らしい点は、Gravatarを遅延読み込みできることです。

これは、ウェブサイトの訪問者が特定のコメントまでスクロールするまで、WordPressがコメント投稿者のGravatarを表示しないことを意味します。

この機能を有効にしたい場合は、Thrive Dashboard » Thrive Commentsに移動し、「高度な設定」タブを開きます。次に、「コメントがビューポートに入ったときにアバター画像を読み込む」というボックスをオンにします。

その他の遅延読み込み機能もオフにすることができます。

Thrive Commentsで遅延読み込みを有効にする

Thrive Commentsの使用に関するその他のヒントやコツについては、これらのガイドをご覧ください。

方法3:カスタムGravatarを使用するためのコードスニペットを挿入する(コード方法)

Thrive Commentsを使用する以外に、コードを使用してカスタムグラバターをアップロードすることもできます。WordPressのディスカッションページのグラバターリストに新しい画像を追加したいだけであれば、この方法を好むかもしれません。

2番目の方法と同様に、グラバターとして使用したい画像が必要です。

その後、メディア » 新規追加 に移動して、画像をアップロードできます。ここでは、WordPress のメディアライブラリから画像を選択するか、コンピューターから新しいファイルをアップロードできます。

WordPress でカスタムデフォルト Gravatar をアップロードする方法

画像を選択したら、その横にある「編集」リンクをクリックしてください。

WordPress でファイルが編集用に開かれます。この画面で、「ファイルの URL」セクションまでスクロールします。

デフォルトのWordPress Gravatarのアップロード

このURLは次のステップで必要になるため、メモしておいてください。

この段階で、WordPress サイトにコードを追加する必要があります。チュートリアルでは、カスタムスニペットをテーマの functions.php ファイルに追加するように求められることがよくあります。

ただし、コードのわずかな間違いでも一般的なWordPressのエラーが発生したり、ウェブサイトが完全に破損したりする可能性があるため、これらはお勧めしません。

そのため、WPCodeの使用をお勧めします。WordPressのコアファイルを編集することなく、カスタムコードをWordPressに追加する最も簡単で安全な方法です。

まず、無料のWPCodeプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

有効化したら、WordPressダッシュボードのCode Snippets » Add Snippetに移動してください。

WordPressウェブサイトにカスタムアバースニペットを追加する方法

ここでは、WordPressウェブサイトに追加できるさまざまなスニペットが表示されます。これらには、WordPressのコメントを完全に無効にする、サイトにSVGファイルをアップロードするなどのスニペットが含まれます。

デフォルトのアバターにカスタム画像を使用するためのものさえあります。ライブラリで「カスタムデフォルトアバター」スニペットを検索するだけです。

見つけたら、マウスカーソルを合わせて「スニペットを使用」ボタンをクリックしてください。

コードを使用してカスタムアバターを表示する

その後、WPCode が自動的に正しいコードを追加します。

URLを、デフォルトのWordPressのgravatarとして使用したい画像のリンクに置き換えるのを忘れないでください。

WPCode はコードを自動的に追加します。画像 URL を置き換えるだけで済みます。

コードボックスの下に、挿入オプションが表示されます。まだ選択されていない場合は、「自動挿入」メソッドを選択して、スニペットがサイト全体に自動的に挿入および実行されるようにしてください。

その後、「場所」ドロップダウンを開き、「すべてで実行」をクリックします。

ウェブサイト全体でPHPグラバターコードを実行する方法

それが完了したら、画面の一番上までスクロールし、「非アクティブ」トグルをクリックして「アクティブ」に変更する必要があります。

最後に、Gravatarスニペットをライブにするために「更新」をクリックしてください。

Gravatarコードスニペットをアクティブにする方法

このグラバターの使用を開始するには、設定 » ディスカッションページに移動してください。

「デフォルトアバター」セクションで、「カスタムアバター」オプションを選択します。

WordPressでデフォルトのGravatarを変更する方法

その後、「変更を保存」をクリックして設定を保存してください。

これで、ウェブサイトにアクセスすると、新しいデフォルトのグラバター画像がライブで表示されます。

WordPressウェブサイトにおけるカスタムデフォルトGravatarの例

これで完了です!WordPressのGravatarについてさらに詳しく知りたい場合は、これらのガイドをご覧ください。

この記事がWordPressのデフォルトGravatarの変更方法を学ぶのに役立ったことを願っています。また、WordPressでのコメントのモデレーション方法に関するガイドや、おすすめのWordPressコメントプラグインのリストもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

119 CommentsLeave a Reply

  1. これはとても参考になります。コメントのGravatarを変更するなんて考えたこともありませんでしたが、ブランドやブログに合わせる必要があるということですね。

  2. The good thing I love about Thrive Comments is that uses a branded image as a placeholder icon for commenters without Gravatars.
    Best comment plugin ever made! :-)

  3. 皆さん、こんにちは。

    素晴らしいチュートリアルです。大きな頭痛の種から救われました!素晴らしい仕事を続けてください!!!

    敬具

    Francis

    • 現時点では推奨される方法はありませんが、変更があった場合は必ず共有します。

      管理者

  4. テーマからシェフハットを削除しようと2日間作業しています。

    これでうまくいきました!ありがとうございます。

  5. 魔法のようにうまくいきました。ありがとうございます!!ランダムにユーザーに割り当てられる複数のデフォルトのGravatarを持つ方法はありますか?

    • そのような機能にはプラグインが必要になります。もし推奨できるプラグインが見つかれば、必ず共有します。

      管理者

  6. これは機能しません。WordPressはローカル画像の利用を許可していません。チュートリアルを確認し、適切に更新してください。

  7. このチュートリアルをありがとうございます。フォローできましたが、デフォルトの画像が表示されません。

    • もし当社の方法がお役に立てなかった場合、テーマ固有の設定が変更を妨げている可能性がないか、テーマのサポートに問い合わせることをお勧めします。

      管理者

  8. 皆さん、もっと簡単な解決策を見つけました。うまくいきますよ。「WP User Avatar」プラグインをインストールするだけです。魔法のように機能し、コーディングは一切不要です!

  9. これは素晴らしいですね、ありがとうございます!プラグインをインストールしてコードを追加し、250×250の画像を追加しました。うまくいきましたが、今、誰かが私のサイトにコメントすると、彼らの画像ではなく私の画像が名前の横に表示されます。私の画像はどこにでも表示され、他の人の画像は表示されません。理由がわかりますか?

    Thank you. :-)

  10. この投稿をありがとうございます!! All in one SEO を使用していますが、うまく機能させることができませんでした。あなたの投稿は良い地図と回避策を提供してくれました。しかし、まだ 12 件のエラーメッセージが表示されていますか?それらは関連している可能性がありますか?

    • 特定のエラーによります。プラグインのサポートに問い合わせれば、対応してもらえるはずです。

      管理者

  11. この投稿ありがとうございます!でも、Gravatarを使わずに自分のアバターだけを変更したい場合はどうすればいいですか?

  12. ユーザーが自分の要件に応じて画像をアップロードできるオプションが欲しいのですが。どうすればよいですか?

  13. ありがとう – 私にはうまくいきましたが、デフォルトのアバターが他のサイトから読み込まれています – この画像が私のホストから読み込まれるようにするにはどうすればよいですか?

    • Jetpackプラグインを使用しており、サーバーから画像を読み込むオプションを使用している可能性が高いです。Jetpackの設定でこの機能を無効にすることができます。

      管理者

      • Jetpackプラグインを持っていません - どうすればできますか?新しいプラグインをインストールせずに?

        • Gravatar画像を他のサイトに追加した際に、ご自身のサイトから読み込ませたいという意味であれば、現時点ではそのオプションはありません。

  14. こんにちは、少し変わっていますが、はっきりとしたタスクで助けが必要です。クライアントはWordPressでブログを運営していますが、そのブログをTwitterに投稿すると、記事の横に灰色の空白のアバターが表示されます。彼女はこれの代わりに何らかの画像を入れる方法を見つけるように依頼しましたが、どうすればよいかわかりません。コメントセクションでGravatarを使用していることは知っていますが、この場合は少し異なります。何かアドバイスはありますか?

  15. こんにちは、コードはうまく機能しますが、新しく追加したアバター画像に変更を加えましたが、ページを更新しても最初のバージョンが表示されます。

    画像のURLを見ると、自動的に先頭に「http://i2.wp.com/」が追加されていました(ジェットパックやキャッシュプラグインは使用していません)。

    画像の名前を変更してコードを更新すればいいと思いますが、wpキャッシュを削除する方法はありますか?

  16. Gravatarの画像を自分のものに変更することは問題ありませんが、文字を変更することができません。編集して書き直しても、WordPressサイトに変更が表示されません。何が間違っていますか?

  17. ありがとうございます、ありがとうございます、ありがとうございます!デフォルトのアバターを変更する方法をどこでも探していましたが、あなたたちだけがシンプルに説明し、表示してくれました!情報のかやの中から答えを見つけるのは、ただただ驚くばかりです。最高です!

  18. ユーザーがあなたの投稿にコメントしたときに、彼の/彼女の元のプロフィールを表示するにはどうすればよいですか?助けてください。ありがとう

  19. こんにちは、子テーマのfunctions.phpで試しましたが、うまくいきません。ディスカッション設定とフロントエンドの画像が壊れているように見えます。右クリックしてパスを表示すると、次のように表示されます。

    リンクの前にi1.wp.comが付加されます。「images/chicken_avatar.png」から子テーマのスタイルシートディレクトリに直接接続してフォルダから取得しようとした場合でも、i1.wp.comが付加されました。

    これを修正する方法について何かアイデアはありますか?よろしくお願いします。

    • こんにちは、Joyさん、

      子テーマで再度テストしたところ、期待どおりに動作しました。問題の原因は特定できていません。再度手順に従ってください。コードには完全な画像URLを追加してください。

      管理者

      • うーん、何が間違っていたのかわかりません。もう一度試してみたところ、うまくいきました。ありがとうございます!

    • Joy: 私のサイト(i0.wp.com/MySite…)経由のものは、別のWordPressスクリプトで表示されています。非常に奇妙です。 :-)

      • URLコードを「example.com/wp-content/uploads/2017/09/mh-profile-photo-default.png」から「/custom-gravatar/mh-profile-photo-default.png」に変更しましたが、画像場所への移動時にまだi0.wp.com/MySiteが表示されます。設定 > ディスカッションでは、デフォルトのユーザーGravatarとして管理者の写真が表示されますが、ユーザープロファイルでは正しく表示されます! :-)

  20. こんにちは。

    コードは私にとっては完璧に機能しました。しかし、これは別の問題を引き起こします。

    私のブログに他のすべての人(訪問者を含む)がコメントするときも、同じグラバターが表示されます。

    これをどうやって解決しますか?

  21. こんにちは、ユーザープロファイルごとに(type = url)の入力を追加して正常に保存しました。ローカルホストのインストールのみです。
    WP Codexウェブサイトの元のコードを変更しようとしています:

    From:
    add_filter( ‘avatar_defaults’, ‘new_default_avatar’ );

    function new_default_avatar ( $avatar_defaults ) { // アバターの画像ファイルの場所を指定します $new_avatar_url = get_bloginfo( ‘template_directory’ ) . ‘/images/new_default_avatar.png’; // 設定>>ディスカッションでアバターの右側に表示されるテキストを指定します $avatar_defaults[$new_avatar_url] = ‘新しいデフォルトアバター’; return $avatar_defaults; }

    ユーザーごとにデフォルトのアバターURLをカスタム入力フィールドの値(空でない場合)で置き換えるものについて、何かお手伝いできますか?
    サブスクライバーがGravatar画像をアップロードできるプラグインがあることは知っていますが、それらは許可したくありません。彼らに自分の画像のURLを入力する機会を与えたいのです。

  22. ありがとうございます!

    実は、ブログのためにこの解決策を3ヶ月も探していました!
    本当にありがとうございます!

    クレア xo

  23. WordPressでGravatarを設定しましたが、ブログのフォロワーにメールを送信すると、ミステリアスマンが表示されます。メールの上部に表示されるのは非常に悪いです。何か提案はありますか?

    ありがとうございます!

  24. Cpanelには、画像のフォルダが2つあります。
    1. /public_html/wp-includes/images
    2. /public_html/wp-content/themes/divi/images

    画像をアップロードしたフォルダはどこですか?

  25. メンバーの性別/指向に基づいて色分けされた「デフォルト」のグラバター/アバター画像をいくつか作成できるプラグイン、または簡単なコードソリューションを探しています。男性は青、女性はピンクなど、わかりやすいものですが、トランスジェンダーにはラベンダーなどを追加する可能性があります。基本的に、メンバーが表示する「デフォルト」アバター(画像がアップロードされるまで)の決定により、サイトを閲覧している人は、投稿している(またはオンラインの)人が男性/女性/トランスジェンダー/などであることがわかるようになります。何かアイデアはありますか?

  26. デフォルトのアバターを空白にするコードはありますか?WPの設定で空白に設定しましたが、まだ「ミステリーマン」が表示されます。ミステリーマンを完全に削除して、オプションにさえ表示されないようにするコードはありますか?それとも、ミステリーマンではなく空白であることを確認するコードはありますか?よろしくお願いします!

  27. そのグラバターサムネイルの場所に画像のセットを回転させるにはどうすればよいですか?つまり、5つの異なる画像があった場合、グラバターを持たないユーザーのためにそれらをランダムに表示して、5つのバリエーションを持たせるにはどうすればよいですか?

  28. 子テーマで問題が発生している場合は、次を使用してください。

    $myavatar = get_stylesheet_directory_uri().’/img/favicon.png’;

    うまくいきました。

  29. なるほど、全体的なアイデアはわかりますが、Gravatarに自分の個人的な写真をどのように入れるのですか?それが知りたいことです。

    • Gravatarのウェブサイトにアクセスし、WordPressでサインインしてください。その後、アバターをアップロードし、1つ以上のメールアドレスに関連付けることができます。

返信を残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。