Do you want to display avatars in user emails in WordPress?

Gravatar is a network service that connects a user's email address to an online avatar. WordPress automatically displays visitors’ profile pictures in the comments section, but you may also want to add them to other areas of the site.

In this article, we will show you how to display avatars in user emails in WordPress.

What is Gravatar and why should I display it?

Gravatar stands for globally recognized avatars, which allows people to link images to their email addresses.

If the website supports Gravatar, it can take a photo of the person and display it next to their name. For example, when a user leaves a comment with an email on a WordPress website, WordPress displays the person's avatar next to the comment.

Avatars can encourage users to participate in conversions, build a sense of community, and make your page look more interesting. All of this adds up to help you get more comments on your WordPress posts.

Depending on how your website is set up, WordPress may display avatars elsewhere, such as an author profile. However, you may want to change the location where the user avatar appears on a WordPress blog or website. For example, you can display a user's avatar in the website's toolbar or in the user profile.

That being said, let's see how to display Gravatar in user emails in WordPress. Simply use the quick link below to jump to your favorite method:

• Method 1: Edit your WordPress theme (best for consistency)
• Method 2: Use custom WordPress shortcodes (fully customizable)

Method 1: Edit your WordPress theme (best for consistency)

First, you can add Gravatar to your WordPress theme using code. This is a great option if you want to display avatars in the same location on the entire website (such as the sidebar or above the title). However, you need to edit the template file, so this is not the best way for beginners.

This method displays the avatar of the person currently logged into your website. This is very useful for member websites, online stores, or any other website where users must log in to their account.

To add Gravatar to your theme, you need to paste some code into your theme file. If you haven't done this before, check out our beginner's guide to paste clips from web pages into WordPress.

The easiest way to add code snippets to your WordPress website is to use WPCode. It is the best code snippet plugin for WordPress, allowing you to add PHP, CSS, JavaScript, and more to your website.

First, you need to install and activate the free WPCode plugin. If you need help, see our guide on how to install WordPress plug-ins.

Once activated, go to Code Snippets in the WordPress dashboard ? Add Snippets. Now click the "Add New" button.

This will take you to the Add Fragments page where you will see all the ready-made snippets that WPCode can add to your website.

Here, hover over "Add Custom Code (New Snippet)" and click it when the Use Snippet button appears.

First, enter the title of the code snippet. This is for your reference only, so you can use whatever you want.

After that, open the Code Type drop-down list and select PHP Fragment.

You can now proceed to paste the following into the code editor:

When you are done, scroll to the top of the page and click the Inactive switch to make it appear Active.

Then, just click the "Save Fragment" button.

You can now use the following function to display the user's Gravatar anywhere on your WordPress site:

Just like Method One, this method will display the current user's avatar. If you prefer, you can display the avatar assigned to a specific email address by making simple changes to the code.

This can be very useful if you have someone’s email address and want their avatar to be displayed on your website, but they are not registered users.

The easiest way to create a custom shortcode is to use WPCode. Better yet, you don't have to edit the topic file, so this is a more beginner-friendly way.

If you haven't installed it, then you need to install WPCode. You also need to follow the same procedure above to create a new custom code snippet.

Once done, name the code snippet and select "PHP Snippet" as the code type.

Next, paste the following PHP into the code editor:

You can now use the following shortcode to display the user's avatar on any page, post, or widget ready area:

You can then paste your custom CSS into a small code editor.

Once done, just click Publish.

Now if you visit your website you will see a new style of avatar.

For more tips on customizing Gravatars on your website, see our guide on how to change Gravatar image size in WordPress.

How to add custom short codes using the full site editor

If you are using one of the newer block-based themes, you can add shortcodes to any template or template section. This allows you to display avatars of users throughout the site without editing the template file.

For example, you can add a shortcode to the blog template or title template section of a website.

First, go to the Appearance ? Editor in the WordPress dashboard.

By default, the full site editor displays the main template for the theme, but you can add shortcodes to any template or template section, such as header or footer.

To see all available options, simply select Template or Template Parts.

You can now click on the template or template section you want to edit.

For example, we will add shortcodes to the 404 page template, but the steps will be exactly the same no matter which template you choose.

WordPress will now display a preview of the template or template section.

To add a short code, go ahead and click the small pencil icon.

When you are done, click the blue " " icon in the upper left corner.

In the search bar, continue to enter "Short Code".

When the right block appears, drag and drop it onto the theme template.

You can now paste the short code or enter [wpb_gravatar] into this block.

After that, go ahead and click the Save button.

Now, just visit your WordPress blog to view the running Gravatar.

We hope this article helps you understand how to display Gravatar in user emails on your WordPress website. You may also want to check out our pick of the best social media plugins and a guide on how to create a contact form in WordPress.

The above is the detailed content of How to display avatar in user email in WordPress. For more information, please follow other related articles on the PHP Chinese website!