WordPressのコメントセクションにある、あのありふれた「謎の人物」のアバターは、あなたのサイトにとって何のメリットもありません。数百ものWordPressサイトを構築してきた経験から、パーソナライズされたコメントセクションが、あなたのサイトをより魅力的でプロフェッショナルに見せることができると私たちは知っています。
ブランドロゴ、カスタムデザイン、または単にデフォルトのグレーのシルエットよりも魅力的なものを使用したい場合でも、デフォルトのGravatarを変更することは、サイトの外観を向上させる簡単な方法です。一番良いところは？この変更を行うのに専門家である必要はありません。
このガイドでは、WordPress でデフォルトの Gravatar を置き換えるいくつかの方法を紹介します。
デフォルトGravatarとは何ですか？なぜ変更する必要があるのですか？
Gravatar は Globally Recognized Avatar の略です。これは、ユーザーがプロフィールを作成し、メールアドレスに関連付けられたアバター画像を作成できるウェブサービスです。
すべてのWordPressサイトには、Gravatarの組み込みサポートがあり、複数著者のWordPressブログで投稿を作成したり、コメントを残したりすると、ユーザーのアバターが自動的に表示されます。
ユーザーがGravatarを持っていない場合、WordPressは代わりにデフォルトのGravatarを表示します。ほとんどのWordPressウェブサイトでは、これは灰色の謎の人物です。
このデフォルトのGravatarを、選択した他の画像に変更できます。たとえば、ウェブサイトのロゴなど、会社を表す画像を使用できます。これにより、ブランドの強化に役立ちます。
当社の場合は、コメントを残したいユーザーにとって不要な追加ステップが生じると判断したため、Gravatarを完全に無効にすることにしました。
それでは、WordPressでデフォルトのGravatar画像をどのように変更できるか見てみましょう。使用したい方法に直接ジャンプするには、クイックリンクを使用してください。
方法1：デフォルトのWordPress Gravatarを変更する（簡単・迅速）
WordPressには、使用できるいくつかの異なるデフォルトGravatarが付属しています。デフォルトを使用することは、ミステリーパーソングラバーを変更する最も簡単な方法ですが、これらの画像はWordPressウェブサイトやブランド固有のものではありません。
さまざまなデフォルトグラバターを確認するには、WordPress 管理エリアから 設定 » ディスカッション に移動する必要があります。
「デフォルトアバター」の下には、その人のメールアドレスにGravatarがリンクされていない場合にWordPressが使用できるさまざまなユーザーアバター画像が表示されます。
標準では、WordPressはミステリーパーソンをデフォルトとして使用しますが、このセクションでは他のどの画像でも使用できます。
WordPressブログで使用したい画像の横にあるラジオボタンをクリックするだけです。
次に、画面の一番下までスクロールし、「変更を保存」をクリックします。
方法2：Thrive Commentsを使用してカスタムGravatarをアップロードする（プラグイン方式）
デフォルトのWordPressプロフィール画像が気に入らない場合は、カスタムgravatarをアップロードすることもできます。これは、コメントセクションをブランドに合わせてパーソナライズする最良の方法です。
この方法では、Thrive Commentsを使用します。これは、ユーザーがブログ投稿にコメントすることを奨励し、ウェブサイトのエンゲージメントを高めるように設計されたコメントプラグインです。
カスタムGravatar機能に加えて、Thrive Commentsには、コメントセクションをより楽しくエキサイティングにするためのツールが付属しています。たとえば、ソーシャルメディアサイトのように「いいね！」と「気に入らない」を有効にすることができます。
Thrive Commentsは個別のプラグインとして入手するか、完全なThrive Themes Suiteを購入できます。これには、コメントを証言に変えることができるThrive OvationsなどのすべてのThrive製品が含まれています。
その後、WordPressサイトにインストールするためのプラグインzipパッケージをダウンロードできます。詳細については、WordPressプラグインのインストール方法に関する完全ガイドをお読みください。
プラグインがインストールされ、有効化されたら、WordPress管理エリアから Thrive Dashboard » Thrive Comments に移動できます。次に、「カスタマイズスタイル」タブを開きます。
このタブ内で、「アバターを表示」設定がオンになっていることを確認してください。完了したら、「画像を選択」をクリックするだけです。
この時点で、WordPress のメディアライブラリから既存の画像を選択するか、独自の画像をアップロードして、Gravatar のデフォルト画像として使用できます。
ストックフォトを使用したり、独自のカスタムロゴを作成したり、Canvaのようなウェブデザインソフトウェアを使用して新しいGravatar画像を作成したりできます。この画像は、250×250ピクセルなどの正方形である必要があります。
画像を選択したら、「選択」をクリックしてください。
これで完了です！
プレビューとライブコメントセクションに新しいデフォルトのGravatarプロフィール画像が表示されるはずです。
Thrive Commentsの素晴らしい点は、Gravatarの遅延読み込みを簡単に行えることです。
これは、ウェブサイトの訪問者が特定のコメントまでスクロールするまで、WordPressがコメント投稿者のGravatarを表示しないことを意味します。
この機能を有効にしたい場合は、Thrive Dashboard » Thrive Commentsに移動し、「高度な設定」タブを開きます。次に、「コメントがビューポートに入ったときにアバター画像を読み込む」というボックスをオンにします。
その他の遅延読み込み機能もオフにすることができます。
Thrive Commentsの使用に関するその他のヒントやコツについては、これらのガイドをご覧ください。
方法3：カスタムGravatarを使用するためのコードスニペットを挿入する（コード方法）
Thrive Commentsを使用する以外にも、コードを使用してカスタムGravatarをアップロードすることもできます。WordPressのディスカッションページに新しい画像を追加したいだけの場合は、この方法を好むかもしれません。
2番目の方法と同様に、グラバターとして使用したい画像が必要です。
その後、メディア » 新規追加に移動して、画像をアップロードできます。ここでは、WordPressメディアライブラリから画像を選択するか、コンピューターから新しいファイルをアップロードできます。
画像を選択したら、その横にある「編集」リンクをクリックしてください。
WordPressはファイルを開いて編集します。この画面で、「ファイルURL」セクションまでスクロールします。
このURLは次のステップで必要になるため、メモしておいてください。
この段階で、WordPressサイトにコードを追加する必要があります。多くの場合、チュートリアルでは、テーマのfunctions.phpファイルにカスタムスニペットを追加するように求められます。
しかし、コードの小さな間違いでも一般的なWordPressのエラーが発生したり、ウェブサイトが完全に壊れたりする可能性があるため、これらはお勧めしません。
だからこそ、WPCodeの使用をお勧めします。これは、WordPressのコアファイルを編集することなく、カスタムコードをWordPressに追加する最も簡単で安全な方法です。
まず最初に行う必要があるのは、無料のWPCodeプラグインをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、WordPressダッシュボードのCode Snippets » Add Snippetに移動してください。
ここでは、WordPressウェブサイトに追加できるさまざまなスニペットが表示されます。これらには、WordPressでコメントを完全に無効にする、SVGファイルをサイトにアップロードするなどを行うスニペットが含まれます。
デフォルトのアバターにカスタム画像を使用するためのものさえあります。ライブラリで「カスタムデフォルトアバター」スニペットを検索するだけです。
見つけたら、マウスカーソルを合わせて「スニペットを使用」ボタンをクリックしてください。
その後、WPCode が自動的に正しいコードを追加します。
URLを、デフォルトのWordPressのgravatarとして使用したい画像のリンクに置き換えるのを忘れないでください。
コードボックスの下に、挿入オプションが表示されます。まだ選択されていない場合は、「自動挿入」メソッドを選択して、スニペットがサイト全体に自動的に挿入および実行されるようにしてください。
その後、「場所」ドロップダウンを開き、「すべてで実行」をクリックします。
それが完了したら、画面の一番上までスクロールし、「非アクティブ」トグルをクリックして「アクティブ」に変更する必要があります。
最後に、Gravatarスニペットをライブにするために「更新」をクリックしてください。
このグラバターの使用を開始するには、設定 » ディスカッションページに移動してください。
「デフォルトアバター」セクションで、「カスタムアバター」オプションを選択します。
その後、「変更を保存」をクリックして設定を保存してください。
これで、ウェブサイトにアクセスすると、新しいデフォルトのグラバター画像がライブで表示されます。
これで完了です！WordPressのGravatarについてさらに詳しく知りたい場合は、これらのガイドをご覧ください。
- ユーザーメールからグラバターを表示する方法 WordPress
- WordPressでGravatarを無効にする方法（ステップバイステップ）
- WordPressでGravatar画像のサイズを変更する方法
この記事が、WordPressでデフォルトのGravatarを変更する方法を学ぶのに役立ったことを願っています。また、WordPressでコメントを管理する方法に関するガイドや、最高のWordPressコメントプラグインのリストもご覧ください。
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
アンナ
丁寧な説明をありがとうございます。これでWordPressサイトでのGravatarの設定が明確になりました。
ラシュミ
これは非常に役立ちます
パット
ありがとうございます、ありがとうございます、ありがとうございます！デフォルトのアバターを変更する方法をどこでも探していましたが、あなたたちだけがシンプルに説明し、表示してくれました！情報のかやの中から答えを見つけるのは、ただただ驚くばかりです。最高です！
マノジ・ライ
ユーザーがあなたの投稿にコメントしたときに、彼の/彼女の元のプロフィールを表示するにはどうすればよいですか？助けてください。ありがとう
ジョイ
こんにちは、子テーマのfunctions.phpで試しましたが、うまくいきません。ディスカッション設定とフロントエンドの画像が壊れているように見えます。右クリックしてパスを表示すると、次のように表示されます。
リンクの前にi1.wp.comが付加されます。「images/chicken_avatar.png」から子テーマのスタイルシートディレクトリに直接接続してフォルダから取得しようとした場合でも、i1.wp.comが付加されました。
これを修正する方法について何かアイデアはありますか？よろしくお願いします。
WPBeginnerサポート
こんにちは、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として管理者の写真が表示されますが、ユーザープロファイルでは正しく表示されます！ :-)
マヤプラカシュ・パント
こんにちは。
コードは私にとっては完璧に機能しました。しかし、これは別の問題を引き起こします。
私のブログに他のすべての人（訪問者を含む）がコメントするときも、同じグラバターが表示されます。
これをどうやって解決しますか？
ガブリエル
こんにちは、ユーザープロファイルごとに（type = url）の入力を追加して正常に保存しました。ローカルホストのインストールのみです。
WP Codexウェブサイトの元のコードを変更しようとしています：
差出人：
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を入力する機会を与えたいのです。
マニッシュ B
コメントの横にアバターを表示できません。Hitchcock Wordpressテーマを使用しています。
クレア・ベネト
ありがとうございます！
実は、ブログのためにこの解決策を3ヶ月も探していました！
本当にありがとうございます！
クレア xo
ジェン・ハーディ
WordPressでGravatarを設定しましたが、ブログのフォロワーにメールを送信すると、ミステリアスマンが表示されます。メールの上部に表示されるのは非常に悪いです。何か提案はありますか？
ありがとうございます！
サイード・ハムザ
Cpanelには、画像のフォルダが2つあります。
1. /public_html/wp-includes/images
2. /public_html/wp-content/themes/divi/images
画像をアップロードしたフォルダはどこですか？
マノジ
コメントボックスで設定した後もアバターが表示されず、プロフィール情報では表示されます。
マニッシュ B
同じ問題に直面しています。
マイケル
メンバーの性別/指向に基づいて色分けされた「デフォルト」のグラバター/アバター画像をいくつか作成できるプラグイン、または簡単なコードソリューションを探しています。男性は青、女性はピンクなど、わかりやすいものですが、トランスジェンダーにはラベンダーなどを追加する可能性があります。基本的に、メンバーが表示する「デフォルト」アバター（画像がアップロードされるまで）の決定により、サイトを閲覧している人は、投稿している（またはオンラインの）人が男性/女性/トランスジェンダー/などであることがわかるようになります。何かアイデアはありますか？
私
デフォルトのアバターを空白にするコードはありますか？WPの設定で空白に設定しましたが、まだ「ミステリーマン」が表示されます。ミステリーマンを完全に削除して、オプションにさえ表示されないようにするコードはありますか？それとも、ミステリーマンではなく空白であることを確認するコードはありますか？よろしくお願いします！
WPBeginnerサポート
ガイドをご覧ください WordPressでGravatarを無効にする方法。
管理者
私
ありがとうございます！すでに試しました。そうすると、著者ボックスのアバターも消えてしまいます（Starboxを使用しています）。お手上げです。WPテーブルを確認しましたが、デフォルトのアバターが空白に設定されていることが示されています。ミステリーマンを削除する方法がわかりません…
マイケル
そのグラバターサムネイルの場所に画像のセットを回転させるにはどうすればよいですか？つまり、5つの異なる画像があった場合、グラバターを持たないユーザーのためにそれらをランダムに表示して、5つのバリエーションを持たせるにはどうすればよいですか？
アンジェリカ・コスタ
子テーマで問題が発生している場合は、次を使用してください。
$myavatar = get_stylesheet_directory_uri().’/img/favicon.png’;
うまくいきました。
マーク
これは命を救うものでした！
ジュリア
素晴らしい、ありがとう！
ジナ・スミス
情報ありがとうございます！
キーリー
Wow – found this post 2 years after my first post and got it working this time
Thanks WP Beginner
キャロライン
ありがとうございます！
クリス007
なるほど、全体的なアイデアはわかりますが、Gravatarに自分の個人的な写真をどのように入れるのですか？それが知りたいことです。
トーマス
Gravatarのウェブサイトにアクセスし、WordPressでサインインしてください。その後、アバターをアップロードし、1つ以上のメールアドレスに関連付けることができます。
アレックス
ありがとうございます！
カラン・ラワット
動作しました。ありがとうございます。ブログをブックマークしました！
チュクス・エマニュエル
Syed Balkhiさん、ありがとうございます。本当にうまくいきました。良い仕事を続けてください。
エイドリアン・オファレル
こんにちは、次に何が起こるか確認しています
シメン・エッゲン
Thank you so much
it’s working 
サディア
これらの指示をありがとうございます。なぜか.pngファイルを使ったときはうまくいきませんでしたが、gifファイルは簡単に動作しました！
ケイトリン
Keely と同じ問題を抱えています。子テーマを使用しているため、get_bloginfo が機能しません。壊れた画像の URL を確認すると、親テーマへのパスが表示されます。子テーマでこれを機能させる方法はありますか？
アカシュ KB
テーマフォルダにアップロードする画像ファイルのサイズはどのくらいにするべきですか？
Thanks
ブロディ
同じコードでSSL接続を使用する方法はありますか？常に「安全でないコンテンツ」と表示されます。読み込み中に安全な画像にするには、どのような変更が必要ですか？
WPBeginnerサポート
セキュアなページでGravatarを読み込んでいる場合、自動的にセキュアに読み込まれるはずです。また、設定 » 一般を確認し、サイトとWordPressのアドレスをhttpsを使用するように変更してください。これで問題が解決したかどうかお知らせください。
管理者
パヴァン・デシュパンデ
これを共有していただきありがとうございます。デフォルト画像を自分で変更できませんでしたが、これを読んだ後、変更できました
キーリー
チャイルドテーマを使用している場合はどうなりますか…
行を
$myavatar = get_bloginfo(‘template_directory’) . ‘/images/gravataricon.gif’;
から
$myavatar = get_bloginfo(‘stylesheet_directory’) . ‘/images/gravataricon.gif’;
に変更しました。
but still not working
編集スタッフ
画像が表示されないのですか、それともコード全体が機能しないのですか（つまり、カスタムGravatarのオプションさえ追加されないのですか）？
管理者
クリステン
私もコードに問題があります。別のサイトで使用したときは完璧に機能しましたが、現在作業中のサイトでは…管理パネルの設定-ディスカッションの下にオプションとして表示されますが、壊れた画像として表示され、ブログページにも表示されません。どんな助けでも大歓迎です。
編集スタッフ
壊れた画像の上で右クリックして画像 URL を取得します。その URL を別のタブで開いて、URL が正しいことを確認してください。
ディズ・マーキー
ローカルホストで同じ問題が発生しています
レイチェル
ここであなたの助言を使いました。画像もテーマフォルダに保存する必要があるという説明があればもっと役立ったでしょう。しかし、ここのあなたのヒントは私がいくつかのことを理解するのに役立ちました。ありがとう。
mrahmadawais
@wpbeginner 第二に、WordPress用の良いプリロードプラグインを知っていますか
mrahmadawais
@wpbeginner 私のブログでDisqusに問題が発生しています。http://freakify.com を確認してください。カスタム画像をアップロードできません。>>>? なぜですか
wpbeginner
@mrahmadawais それはDisqusがサードパーティのプラットフォームだからです…。
mrahmadawais
教えてください
mrahmadawais
ここにいる人、Disqussがこれを受け付けていない理由を教えてくれますか？
Crysislevel
thanx it worked perfectly!
シャビルチーム
このグラバターカスタムコードは非常にクールで、私のブログで本当に機能します。どうもありがとうございます。
あなたはWPbeginnerを最高です。
シャビルチーム
このグラバターカスタムコードは非常にクールで、私のブログで本当に機能します。どうもありがとうございます。
あなたはWPbeginnerを最高です。
wpbeginner
@Kindar We are glad to have you as a user
Let us know if you have any suggestions.
キンダー
インターネットで何かを検索すると、いつもあなたのウェブサイトが表示されます。今、私はあなたのウェブサイトとあなたが共有するコンテンツをフォローし始めました。あなたが共有するものはすべて本当に役立つので、私はいつもそれをチェックして、何が新しいかを確認しています。また、前回のトピックについて感謝したいと思います。
キンダー
インターネットで何かを検索すると、いつもあなたのウェブサイトが表示されます。今、私はあなたのウェブサイトとあなたが共有するコンテンツをフォローし始めました。あなたが共有するものはすべて本当に役立つので、私はいつもそれをチェックして、何が新しいかを確認しています。また、前回のトピックについて感謝したいと思います。
イウル
ファイル /images/gravataricon.gif はどこにありますか？
編集スタッフ
WordPressテーマのフォルダ内
管理者
シー
こんにちは！
うわー…コードとにらめっこしています。初心者なので得意ではありませんが、通常はなんとか機能させることができます。
ゲスト用のデフォルトアバターを取得するコードを追加しました。機能しました。少なくとも管理画面では。画像は管理画面に表示されますが、ウェブサイトには表示されません。
自分のカスタムグラバターを管理者のコメント用にグラバターに登録しましたが、彼らの「チェックポイント」には表示されますが、コメントには表示されません。
ゲストのGravatarも表示されませんが、代わりにGRAVATAR画像が表示されます。
カスタム画像は「ディスカッション」でデフォルトとしてチェックされています。両方の画像はテーマ/imagesにアップロードされており、ゲスト画像のパスはコードで正しいです。オンラインで提案されているように、画像を128x128にしました。そのサイズ指定はどこかで必要なのでしょうか？関数のコードを調べましたが、機能しそうなものは見つかりませんでした。style.cssにあるのでしょうか？違いがあるかどうかわかりません。すべてを変更しても機能しないのは避けたいです。この問題を解決するために何日も費やしました。簡単なはずです。
なぜ私の管理者のGravatarが表示されないのか理解できません。読んだ内容によると、Gravatar経由で処理されるはずです。Gravatarに使用されているメールアドレスは、管理者に記載されているものと同じです。
何が間違っている/抜けているのでしょうか？ WP 2.8.4を使用しています。
上記のコードを先頭に貼り付けてみましたが、末尾に貼り付けてみましたが、どちらもうまくいきません。 functions.phpのどこに貼り付けるかは関係ありますか？
何か提案はありますか？どんな助けでも深く感謝します。必要であればどんなコードでも提供できます。具体的に指定してください。
前もって感謝します。髪の毛をむしっています…
編集スタッフ
この問題は関数ではなく、comments.phpファイルのエラーのようです。
管理者
ルイ・ギュビトシ
このヒントをありがとうございます。サイトで使用しましたが、デフォルトのアバターはコメントセクションには表示されますが、「最近のコメント」サイドバーには表示されません。「Get Recent Comments」プラグインを使用しています。これは別の扱いになりますか？
http://interactiveblend.com/blog
編集スタッフ
そのプラグインがコードでデフォルトを指定していない限り、これは機能するはずです。それはプラグインが適切にコーディングされていないことを意味します。開発者に連絡して、修正するように依頼してください。
管理者
マルタン
custom-php.phpに配置するとコードが機能し、アップグレード時にも保持されるという利点があります。
Buddypressでgravitar.comへのHTML呼び出しを削除するコードについて何かアイデアはありますか？
JD
アドバイスありがとうございます。完璧に動作しました。
デシック
WordPress が引用符をバッククォートに変更していることに気づきました。
’の代わりに'を使用する必要があります編集スタッフ
問題が解決しました。
管理者
fantasmo
探していたコードスニペットです。
しかし、うまく動作しません… 関数.php にコードを貼り付けました（すべて正しいはずです。画像へのパスもです）。
しかし、ディスカッションに行ってもアバターが見えず、WPバックエンドも少し壊れています… functions.phpに入力したコードがWPバックエンドのヘッダーの上に表示されます。
ちょっとした間違いではなかったのでしょうか？助けていただけますか？
編集スタッフ
上記のコードは100％正しいです。なぜなら、それが私たちが使用しているものだからです。あなたが何が間違っているのか分かりません。しかし、あなたのコードを見ずに、私たちはあなたを助けることはできません。少額の手数料で私たちを雇うことができます。私たちのスタッフは間違いなく問題を解決できます。
管理者
トレーシー
fantasmo さんと同じような問題が発生しているようです。スニペットは機能し、ディスカッション管理ページ内にグラバターが表示されますが、「変更を保存」をクリックしてオプションを保存しようとすると、オプションが保存されたという完全なページではなく、option-discussions.php のフッターが表示される白い画面が表示されます。
CCロジャース
Fantasmoと同じ結果を見ました。コードをコピー＆ペーストしたとき、add_filterとfunctionの間の空白行が何らかの理由で失われました。空白行を元に戻すと問題が解決したようです。