Using WordPress Gravatars

Learn about WordPress Gravatars … what they are, how they work, and how to set up Gravatars in WordPress.

Add A Gravatar To Your WordPress Site

Most internet users are familiar with avatars.

An avatar is an icon, or representation of a user in a shared virtual reality such as a forum, chat, website, or any other form of online community where the user(s) wish to distinguish themselves from other users.

(Source: WordPress Codex)

Using profile images has now become mainstream on social media channels like Facebook, Twitter, LinkedIn, online forums and loads of web properties …

Avatars are now used all over the web

(Avatars are now used all over the web)

Using WordPress Gravatars

If you visit other WordPress sites, you will see that WordPress also displays user profile pics (e.g. when users post comments or engage in online discussions) …

How To Use Gravatars In WordPress

You may be wondering why some users display their photos on their blog posts and comments, while with other users, all you see is a greyed out silhouette or some weird icon with their profile, or perhaps you’ve contributed to an online discussion and wondered why your picture appeared greyed out …

Using WordPress Gravatars

This tutorial explains what Gravatars are, how they work and how to use avatars in WordPress.

What Are Gravatars?

WordPress uses a specific type of avatar called a Gravatar

A Gravatar is a special type of avatar for use in WordPress

(A Gravatar is a special kind of avatar used in WordPress)

Gravatar is short for Globally Recognized Avatar.

Gravatars allow you to have one avatar used across the web. Avatars are usually an image that the user will create themselves. Unlike standard avatars, Gravatars follow you around the web and automatically appear whenever you post a comment on a WordPress site.

Gravatar was acquired in 2007 by Automattic, the company behind WordPress. As a result, Gravatars are now integrated into every WordPress site and millions of avatar images are served billions of times per day across the web. Gravatars are also used by a growing number of WordPress users supported on many technologies.

How Gravatars Work

Once registered with Gravatar, the service matches your profile information to the email registered in your account and displays your custom gravatar image next to comments, articles and (optionally) elsewhere on the WordPress site …

How To Use Gravatars In WordPress

If a site has not set up their Gravatar account, the default avatar set by the WP site administrator will appear for their entries (we explain this further below).

Default avatar set by site administrator

(Default icon set by site administrator)

Typically, the default image most commonly used is called the “Mystery Man” …

Default Avatar

(Default Avatar)

If you don’t want your WordPress entries to display with a default icon, then set up a gravatar.

Benefits Of Using Gravatars

A Gravatar is essentially the same thing as an avatar, but gravatars are hosted on a single server and are called up by encrypting the users’ email address using a special algorithm.

Instead of having one avatar display on a forum that you often drop into and another avatar display on a blog that you are a registered member of, gravatars allow you to have the same avatar display on all of the sites that you visit.

Enabling gravatars on your WordPress site also simplifies the process for everyone involved:

Benefits for Site Administrators

  • Adding user Gravatars requires very little effort.
  • Gravatars require no additional plugins.
  • Gravatars are portable across the web. You don’t need to manage user accounts or edit user images, to allow people to use Gravatars on your site.

User Benefits

  • Having a Gravatar account saves you from having to register an avatar on every site you join or service you register for.
  • Users can update their Gravatar across multiple sites by uploading a single image inside their account.

The step-by-step tutorial below shows you how to set up and use a Gravatar.

How To Add A Gravatar To WordPress – A Step-By-Step Tutorial

To start using Gravatars, first go here to create an account (it’s FREE): http://www.gravatar.com

Gravatar

(Gravatar)

Log in with your WordPress.com account details …

Using Gravatars In WordPress

If you don’t have a WordPress.com account, you can register for one on the Gravatar site …

Add A Gravatar To Your WordPress Blog

Once you have verified and set up your account, follow the instructions to complete your profile, and select the email address and image you want associated with your Gravatar.

Upload your Gravatar image …

Upload your Gravatar image

(Upload your Gravatar image)

Add your photo, then crop and save it …

How To Use Gravatars In WordPress

Choose a rating for your Gravatar (G, PG, R, or X) …

Gravatar ratings

(Rate your Gravatar image)

You can access and edit your own account settings …

Using Gravatars In WordPress

You can edit your profile further by associating your Gravatar with an email, website, location and a brief bio …

How To Use WordPress Gravatars

Once you are done setting up your account, your Gravatar will begin following you around the web.

It will be displayed in your post comments, forums, etc …

Using WordPress Gravatars

Your Gravatar will also display inside your own WordPress dashboard, in your user account …

Using Gravatars In WordPress

And whenever you log back in …

Using Gravatars In WordPress

Managing Gravatar Settings

Although WordPress sites now automatically integrate using Gravatars, you can manage some of the settings:

  • Whether Avatars (aka, Gravatars) show on your site or not.
  • Avatar ratings filter.

To manage how your Gravatar is used, log into your WP admin area and go to the Settings > Discussion area …

Discussion Settings

(WordPress Discussion Settings Menu)

Scroll down the screen to the Avatars section …

Using Gravatars In WordPress

The Avatars section presents you with several options:

  1. Avatar Display: Here you can toggle Gravatars on and off for your site.
  2. Maximum Rating: When users create a profile on Gravatar, they are given the opportunity to give their Gravatar a rating (i.e. G, PG, R, X) based on appropriateness. Here you can select the maximum rating you will allow on your site.
  3. Default Avatar: WordPress allows you to select what type of image you would like to display when users do not have a Gravatar. Selecting one of the generated icons gives users a default avatar. Generated icons link the email of the post commenter to an auto-generated image. Now, every time that person posts a comment on your site, they will have the same image next to their name.

Remember to click the Save Changes button when finished to save your new settings …

Save WordPress Changes

Using Gravatars – Additional Tips

By default, Gravatar images display at a fixed size. To change the default image size, you would need to edit code in your template files.

Also, various WordPress plugins have been developed to extend the functionality of Gravatars. These are available inside your dashboard by typing in the keyword “gravatar” inside the plugin search field …

Search for gravatar-related plugins inside your WordPress plugin dashboard

(Search for gravatar-enhancing plugins inside your WordPress plugin dashboard)

For example, you can a feature called a Gravatar Hovercard to your WordPress blog using a plugin called Jetpack.

Gravatar Hovercards

A Gravatar Hovercard allows your profile to be made visible to others and makes it easier for people to find your blog or access your identity on services like Facebook, Twitter, or Linkedin.

A Gravatar Hovercard is normally a feature of WordPress.com (the hosted version of WordPress). You can, however, add a Gravatar Hovercard to your self-hosted WordPress installation if you install a versatile, feature-rich (and free) WordPress plugin called Jetpack

Jetpack Plugin - Gravatar Hovercards

(WordPress Plugin: Jetpack – Gravatar Hovercards)

After installing Jetpack on your site and activating the Gravatar Hovercards feature, a Gravatar Hovercards item will show up in your Discussion Settings > Avatars section. This lets you display visitor profiles when someone hovers over a Gravatar image …

WordPress Discussion Settings - Gravatar Hovercards

(WordPress Discussion Settings – Gravatar Hovercards)

If this feature has been activated, then whenever a visitor hovers over your Gravatar …

Hover the mouse over a Gravatar to display a Gravatar Hovercard

(Hover the mouse over a Gravatar to display Gravatar Hovercards)

Your Gravatar Hovercard will pop up, allowing people to learn more about you …

Gravatar Hovercard

(Gravatar Hovercard)

Hopefully this tutorial has helped you learn what a Gravatar is and how to get your picture to display next to your post comments, blog discussions, forums and more.

How To Use WordPress Gravatars

Gravatar logo source: simpleicons.org. Avatar movie references used for illustrative purposes only. All copyright belongs to their respective owners.

***

"Your training is the best in the world! It is simple, yet detailed, direct, understandable, memorable, and complete." Andrea Adams, FinancialJourney.org

Disclaimer: We have no direct association with WordPress, Automattic, or any products mentioned or reviewed on this site. We may derive an affiliate commission from the sale of any products advertised on our website. All images and information sourced from product websites are the copyright of their respective owners, comply with all license terms and agreements of use are used solely for training and illustrative purposes.

***

Have you found this article useful? If so, please take a moment to use the links below to share this page with anyone thinking of starting or growing a business online.

Author: Martin Aranovitch

Martin Aranovitch is the founder of WPCompendium.org and has authored hundreds of FREE WordPress tutorials for non-techies and beginners. WPCompendium.org provides detailed step-by-step tutorials that will teach you how to use WordPress with no coding skills required and grow your business online at minimal cost!