Using WordPress Gravatars

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

Landing Pages for WordPress

How To Add A Gravatar To Your WordPress Blog

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 the standard across the web on social web sites like Facebook, Twitter, LinkedIn, online directories and other web properties …

Avatars are used across all user sites on the web

(Avatars are now used across all user sites on the web)

If you read blogs, you will see that WordPress also displays avatar pictures (e.g. when users post comments or engage in online discussions) …

Using Gravatars In WordPress

You may have wondered why some users get to display their avatars next to blog posts and discussions and some don’t, or perhaps you’ve left a comment on someone else’s blog and wondered why your profile image appeared all greyed out …

Add A Gravatar To Your WordPress Site

In this tutorial you are going to learn about Gravatars, how Gravatars work and how to add avatars in WordPress.

What’s A Gravatar?

WordPress uses a specific type of avatar called a Gravatar

A Gravatar is a special kind of avatar used with WordPress

(A Gravatar is a special type of avatar used with WordPress)

Gravatar stands for Globally Recognized Avatar.

Gravatars allow web users to have one avatar used across the entire 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 web technology platforms.

How Do Gravatars Work?

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

How To Use Gravatars In WordPress

If a visitor has not set up their Gravatar account, the default avatar set by the site admin will appear next to their blog entries (we explain this further below).

Default avatar set by WP site admin

(Default icon set by WP site admin)

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

Default Avatar

(Mystery Man Avatar)

If you don’t want your entries to be associated with a default icon, then set up your own gravatar.

Benefits Of Using Gravatars

A Gravatar is essentially the same thing as an avatar, but the images 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 frequently visit 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:

WP Admin Benefits

  • Gravatars require very little effort to manage.
  • Gravatars require no additional plugins.
  • Gravatars are carried across the web. You don’t have to manage user accounts or their images, to allow visitors to use Gravatars on your site.

WP User Benefits

  • Users don’t have to register on every site they visit just to use a Gravatar.
  • Users can update their Gravatar across multiple sites from their account.

The tutorial below shows you how to set up and use Gravatars in WordPress.

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

To use Gravatars, you will first need to create an account here: http://www.gravatar.com

Gravatar

(Gravatar)

Sign in with your WordPress.com account details …

How To Use Gravatars In WordPress

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

Using Gravatars In WordPress

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

You will need to upload an image …

Gravatar offers you various image uploading options

(Gravatar offers several image uploading options)

After uploading your image, crop and save it …

Using WordPress Gravatars

Choose a rating for your Gravatar …

Gravatar ratings

(Gravatar ratings)

You can access and edit your own account anytime …

Add A Gravatar To Your WordPress Site

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

Using Gravatars In WordPress

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

It will be displayed in blog comments, forums, etc …

How To Add A Gravatar To Your WordPress Site

Your Gravatar will also appear inside your own dashboard, in your user profile …

Using Gravatars In WordPress

And whenever you login …

How To Use WordPress Gravatars

Managing Gravatar Settings in WordPress

Although WordPress now automatically integrates with Gravatars, you can manage some of the settings:

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

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

Discussion Settings Menu

(WordPress Discussion Settings)

Scroll down to the Avatars section …

Using Gravatars In WordPress

The Avatars section presents you with a number of options:

  1. Avatar Display: Here you can specify whether to display Avatars on your site or not.
  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 its 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 account. Selecting one of the generated icons gives users a default avatar without requiring them to have a Gravatar account. Generated icons link the email of the post commenter to an auto-generated image. Now, every time that commenter posts a comment on your site, the same image will display next to their name.

Remember to save your changes when finished …

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, many additional WordPress plugins have been developed to extend the use of Gravatars. you can see which plugins 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-related plugins inside your WordPress plugin dashboard)

For example, you can a feature called a Gravatar Hovercard to your blog using a WordPress 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.

Gravatar Hovercards are normally a feature of WordPress.com (the hosted version of WordPress). You can, however, add a Gravatar Hovercard to a self-hosted site if you install a powerful (and free) plugin called Jetpack

Jetpack by WordPress.com - Gravatar Hovercards

(Jetpack – Gravatar Hovercards)

After installing the Jetpack plugin on your site and activating the Gravatar Hovercards feature, a new entry will be added to your Discussion Settings > Avatars admin area. This allows you to enable the display of people’s profiles when someone hovers over a Gravatar image …

WordPress Discussion Settings - Gravatar Hovercards

(WordPress Discussion Settings – Gravatar Hovercards)

If you activate this feature, then whenever someone hovers their mouse over your Gravatar …

Hovering your mouse over a Gravatar displays Gravatar Hovercards

(Hover your mouse over a Gravatar to display a Gravatar Hovercard)

Your Gravatar Hovercard will appear, giving people an opportunity to click through to your profile …

Gravatar Hovercard

(Gravatar Hovercards)

Hopefully this article has helped you learn about Gravatars and how to get your picture showing up all across the web.

Using Gravatars In WordPress

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

***

"Wow! I never knew there's so much to learn about WordPress! I bought one of the WordPress for Dummies three years ago, such authors need to be on this course!" - Rich Law, Create A Blog Now

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site and the services and products offered on this site are not associated, affiliated, endorsed, or sponsored by WordPress, nor have they been tested, certified, or reviewed by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items linked to, advertised, or reviewed on this site.

***

Have you found this tutorial useful? Feel free to use the share buttons below and share this information with anyone thinking of starting their own business online.

Author: Martin Aranovitch

WPCompendium.org provides hundreds of FREE WordPress tutorials for beginners. Our detailed step-by-step tutorials will save you money and teach you how to start, manage, and grow a website or blog using WordPress that puts you in complete control and delivers results with no coding skills required!

Originally published as Using WordPress Gravatars.