WordPress サイトのデフォルトの Gravatar を変更したいですか?私たちは、コメント投稿者がGravatarを持っていない場合にWordPressが表示する一般的な「謎の人物」画像のファンではない多くのユーザーから話を聞いています。
WPBeginnerでは、コメント欄が最も歓迎されるものでも、魅力的なものでもないことに同意します。このストック画像をお好みの画像に置き換えることで、コメント欄をあなたのブランドに合わせてパーソナライズし、目立たせることができます。
この投稿では、WordPressで初期設定のGravatarを変更する方法を紹介します。
初期設定のGravatarとは何か、なぜ変更するのか?
Gravatarとは、Globally Recognized Avatarの略。プロフィールを作成し、アバター画像とメールアドレスを関連付けることができるウェブサービスだ。
WordPressサイトにはすべてGravatarsのビルトインサポートがあり、ユーザーが複数著者のWordPressブログに投稿日: を書いたり、コメントを残したりすると、自動的にユーザーのアバターが表示されます。
ユーザーがGravatarを持っていない場合、WordPressは代わりに初期設定のGravatarを表示します。ほとんどのWordPressサイトでは、これは灰色の謎の人物です。
この初期設定のGravatarは、あなたが選んだ他の画像に変更することができます。たとえば、サイトのロゴなど、あなたの会社を象徴する画像を使用することができます。これは、ブランディングを強化するのに役立ちます。
それでは、WordPressサイトやブログの初期設定のGravatar画像を変更する方法を見てみましょう。クイックリンクを使用して、使用したい方法に直接ジャンプするだけです:
方法1:別のWordPressビルトイングラビアターを選択する(迅速かつ簡単)
WordPressには、使用できるいくつかの異なる初期設定のGravatarsが付属しています。初期設定を使用することは、謎の人物のグラビアを変更する最も簡単な方法ですが、これらの画像はあなたのWordPressサイトやブランドに固有のものではありません。
初期設定のグラビアを見るには、WordPressの管理エリアから設定 ” ディスカッションに移動する必要があります。
初期設定アバター」の下には、その人のメール・アドレスにGravatarがリンクされていない場合にWordPressが使用できるさまざまなビルトイン・アバターがすべて表示されます。
WordPressは初期設定として謎の人物を使用していますが、このセクションには他の画像を使用することができます。
WordPressブログで使用したい画像の横にあるラジオボタンをクリックするだけです。
その後、画面を一番下までスクロールし、「変更を保存」をクリックします。
方法2:Thrive Commentsを使ってカスタムグラビアターをアップロードする(プラグインによる方法)
WordPressが提供するグラビアターオプションが気に入らない場合は、代わりにカスタムグラビアターをアップロードすることができます。これは、コメント欄をあなたのブランドに合わせてパーソナライズする最善の方法です。
この方法では、Thrive Commentsを使用します。これはコメントプラグインで、ユーザーにブログ投稿にコメントしてもらい、サイトのエンゲージメントを高めるように設計されている。
カスタマイザー機能の他に、Thrive Commentsにはコメント欄をより楽しくエキサイティングなものにするツールが付属しています。例えば、ソーシャルメディアサイトのように「好き嫌い」を有効化することができます。
Thrive Commentsをプラグイン単体で購入することもできますし、Thrive Themes Suiteを購入することもできます。Thrive OvationsのようなThrive製品もすべて含まれており、コメントした内容をテスティモニアルに変えることができます。
その後、プラグインZIPパッケージをダウンロードしてWordPressサイトにインストールすることができます。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをお読みください。
プラグインをインストールして有効化した状態で、WordPress管理エリアからThriveダッシュボード “ Thrive Commentsに 移動します。そして、「スタイルのカスタマイズ」タブを開きます。
このタブで、「アバターを表示する」設定がオンになっていることを確認してください。完了したら、『画像を選択』をクリックするだけです。
この時点で、WordPressのメディアライブラリから既存の画像を選択するか、自分で作成した画像をアップロードして初期設定のグラバターにすることができます。
ストックフォトを使ったり、カスタムロゴを作ったり、Canvaのようなウェブデザインソフトウェアを使って新規にGravatar画像を作成することもできます。この画像は250×250ピクセルの正方形でなければなりません。
画像を選んだら、「選択」をクリックします。
それで終わりだ!
これで、プレビューとライブコメントセクションに新しい初期設定のグラビアが表示されるはずです。
Thrive Commentsのクールなところは、簡単にグラビアを遅延ロードできることです。
つまり、サイト訪問者が特定のコメントまでスクロールダウンするまで、WordPressはコメントした人のグラビアを表示しないということです。
この機能を有効化したい場合は、Thriveダッシュボード “ Thrive Commentsに行き、’高度な設定’タブを開きます。そして、’コメントがビューポートに入ったときにアバター画像を読み込む’というボックスにチェックを入れてください。
その他の遅延ロード機能にもチェックを入れることができる。
Thrive Commentsを使用するためのヒントやトリックについては、以下のガイドをご覧ください:
方法3:カスタム・グラバターを使用するためにコード・スニペットを挿入する(コード・メソッド)
Thrive Commentsを使用する以外に、コードを使用してカスタムグラビアターをアップロードすることもできます。WordPress ディスカッションページのグラバターリストに新しい画像を追加したい場合は、この方法をお勧めします。
2つ目の方法と同様に、グラビアとして使いたい画像が必要です。
その後、メディア ” 新規追加でWordPressサイトに画像をアップロードできます。ここでは、WordPressメディアライブラリから画像を選択するか、コンピューターから新しいファイルをアップロードすることができます。
画像を選んだら、その横にある「編集」リンクをクリックしてください。
WordPressが編集用のファイルを開きます。この画面で、「ファイルのURL」セクションまでスクロールしてください。
次のステップで必要になるので、このURLをメモしておくこと。
この段階では、WordPressサイトにコードを追加する必要があります。チュートリアルでは、テーマのfunctions.phpファイルにカスタマイザーを追加するよう指示されることがよくあります。
しかし、コードの小さなミスでもWordPressの一般的なエラーを引き起こしたり、サイトを完全に壊してしまう可能性があるため、この方法はお勧めしません。
そのため、WPCodeの使用をお勧めします。WordPressのコアファイルを編集することなく、WordPressにカスタムコードを追加する最も簡単で安全な方法です。
最初に行う必要があるのは、無料のWPCodeプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化したら、WordPressダッシュボードのCode Snippets “ Add Snippetにアクセスしてください。
ここでは、WordPressサイトに追加できるさまざまなスニペットをすべて見ることができます。WordPressのコメントを完全に無効化したり、SVGファイルをサイトにアップロードしたりするスニペットなどがあります。
デフォルトのアバターにカスタム画像を使うこともできます。ライブラリで’Custom Default Avatar’スニペットを検索してください。
見つけたらマウスオーバーし、「スニペットを使用」ボタンをクリックします。
その後、WPCodeは自動的に正しいコードを追加します。
URLを、初期設定のWordPress Gravatarとして使用したい画像へのリンクに置き換えることを忘れないでください。
コードボックスの下に、いくつかの挿入オプションが表示されます。まだ選択されていない場合は、「自動挿入」を選択すると、スニペットが自動的に挿入され、サイト全体で実行されます。
その後、『場所』のドロップダウンを開き、『どこでも実行』をクリックする。
そうしたら、画面を一番上までスクロールし、「Inactive(有効化しない)」のトグルをクリックして、「Active(有効化する)」に変更します。
最後に、「更新」をクリックして、Gravatarスニペットをライブにする。
このGravatarの使用を開始するには、設定 ” ディスカッションページに移動します。
デフォルトアバター」セクションで、新規の「カスタムアバター」オプションを選択します。
その後、「変更を保存」をクリックして設定を保存してください。
これで、あなたのサイトにアクセスすると、新しい初期設定のGravatar画像がライブで表示されます。
以上です!WordPressのグラビアについてさらに詳しく知りたい方は、以下のガイドをご覧ください:
- WordPressでユーザーメールからGravatarを表示する方法
- WordPressでグラビアを無効化する方法(ステップバイステップ)
- WordPressでGravatarの画像サイズを変更する方法
この投稿がWordPressで初期設定のGravatarを変更する方法を学ぶのにお役に立てば幸いです。WordPress でコメントをモデレートする方法と WordPress のベストコメントプラグインのリストもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Teri
You did it again! You helped me. Thank you so much!
WPBeginner Support
You’re welcome! Glad our guide was helpful!
管理者
Francis
Hi guys,
Wonderful tutorial, you saved me from a big headache! Keep up the great work!!!
Best regards,
Francis
WPBeginner Support
Glad to hear our guide was helpful!
管理者
Segun Solomon
Thanks for this guide. It helps.
WPBeginner Support
Glad it was helpful!
管理者
WoodyP
Hi, thank you for your article!
is there a way to assign one image per role?
WPBeginner Support
We do not have a recommended method at the moment but if that changes we will be sure to share.
管理者
Patti
Been working for 2 days trying to get rid of the Chef Hat in my theme.
This worked! Thanks
WPBeginner Support
Glad our guide could help
管理者
Aardha
This worked like a charm. Thanks!! Is there a way to have multiple default gravatar which can be assigned randomly to users ?
WPBeginner Support
You would need a plugin for a feature like that, if we find a plugin we would recommend we will certainly share.
管理者
David
This is not working. Wordpress does not allow to use local images. Please review your tutorial and update it accordingly.
WPBeginner Support
The method should still be working, if you are on WordPress.com then that would be your issue as our guides are for WordPress.org. You can see the differences in our guide below:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
管理者
Murat Dinç
Hi,
Can I add an icon instead of Adding an image?
WPBeginner Support
You would want to check on Gravatar’s site for any current restrictions.
管理者
Renz
Thank you for this tutorial. was able to follow but my default picture wont show up
WPBeginner Support
If our method was not able to assist, you would likely want to reach out to your theme’s support to ensure there isn’t a theme-specific setting preventing the change.
管理者
Karen
Okay, I found an easier solution for everyone that works well: just install the “WP User Avatar” plugin. Works like a charm and you don’t have to do anything with coding!
WPBeginner Support
Thanks for sharing your recommendation
管理者
Mari Alonso
This is great, thanks! I followed this by installing the plugin to add the code and then adding my 250×250 picture. It worked great, but now if anyone comments on my site, my picture, not theirs, shows up next to their name. My picture shows up everywhere and no one else’s. Any idea why?
Thank you.
WPBeginner Support
That would be due to you setting the default gravatar for all users on your site. If you wanted to set a gravatar only for yourself you would want to use our guide here: https://www.wpbeginner.com/beginners-guide/what-is-gravatar-and-why-you-should-start-using-it-right-away/
管理者
Thank you so much
I followed the Gravatar instructions on your link and now anywhere I comment I see my unique Gravatar. Nevertheless, I see it everywhere except on my own site even thought the same email address is associated with it. Any ideas?
Thanks, tons again.
Mari
WPBeginner Support
If you have any caching on your site make sure it is cleared as the most common reason for something like that.
Divine
This page was really helpful. I managed to change the custom image. Thanks
WPBeginner Support
Glad our recommendation could help
管理者
Lilly
Thank you for this post!! I use All in one SEO and could never get it to work. Your post provided a good map and work around. However I am still getting 12 error msgs? are they possible related?
WPBeginner Support
It would depend on the specific errors. If you reach out to the plugin’s support they should be able to assist.
管理者
Andreia Esteves
Thank you for this post! But, what if I just want to change my personal avatar without using gravatar?
WPBeginner Support
For just an author on your site, you would want to take a look at our article here: https://www.wpbeginner.com/plugins/how-to-add-an-authors-photo-in-wordpress/
管理者
Giga
I want an option where the user can upload an image as per their requirements. What should I do for that ?
WPBeginner Support
It would depend on your specific requirements, for a starting point you would want to take a look at: https://www.wpbeginner.com/plugins/how-to-allow-users-to-upload-images-with-comments-in-wordpress/
管理者
Tommy Roche
Thank you for this.
WPBeginner Support
You’re welcome
管理者
Mahdi
ty – its worked for me – but now default avatar loded from other site – how i can define that this image loaded from my host?
WPBeginner Support
You’re likely using the Jetpack plugin and using their option to load images from their server. You can go into Jetpack’s settings to disable this function.
管理者
MAHDI
i don’t have Jetpack plugin – how i can do it? without install new plugin?
WPBeginner Support
If you mean you want your gravatar image to be loaded from your site when it is added to other sites, that is not an option at the moment.
Daniel
Perfect solution, thank you!
WPBeginner Support
You’re welcome
管理者
Divya S
That was so informative!
Brian
Hey so I have sort of a peculiar yet distinct task that I need help with. My client has a blog on Wordpress but then they post their blog to Twitter, next to the article is a gray blank avatar. She had requested that I find a way to put some sort of image in place of this but I am not sure how to go about doing this. I know she uses a Gravatar for the comment section but this instance is a bit different. Any advice on what I can do?
Ryô
Hello, the code works well, but I made some changes to my newly added avatar picture and I still see the first version when I refresh the page.
Looking at the url of the picture it automatically added “http://i2.wp.com/” at the beginning (I don’t have jetpack or any cache plugins).
I guess I can just change the name of my picture and update the code, but is it a way to get ride of wp cache?
Satyam Patle
Wow Thank you sir its helping me for Change custom Avtar
Ana
I have no problem changing the image on my gravatar but I cannot seem to change the words. Even though I select edit and rewrite them, the change doesn’t appear on my wordpress site. What am I doing wrong?