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