How To Add Custom Header Images To WordPress Posts And Pages

Learn how to add custom header images to your WordPress site, including adding custom header images to different posts and pages …

How To Add Custom Header Images To WordPress Posts And PagesAdding images to the header section of your website can help to improve your branding and create an attractive look and feel for your site visitors.

Most free and premium WordPress themes provide built-in support for adding header images to your website or blog.

Let’s say that your website focuses on pet products. Wouldn’t it be great if you could display headers with dog images on pages about dog products, headers with cat images for cat product pages, bird image headers for bird product pages, etc?

What about rotating different header images throughout your site’s posts and pages? Like images with different travel destinations for a travel-related website, or different vehicle images for an auto-related blog, etc?

With WordPress you can!

In this tutorial, you are going to learn how to add custom header images to your WordPress site or blog without touching code.

How To Add Custom Header Images To WordPress Posts And Pages

Most WordPress themes support custom header images. This allows users to set up a website and add an image or logo that reflects their business, products, or services throughout the header section of their website …

Most WordPress themes support custom header images

(Most WordPress themes support custom header images)

Most sites, however, display the same header image on all pages (e.g. a banner with their logo) …

Most websites display the same header image on all pages

(Most websites display the same header image on all pages)

What if you want to display different header images throughout your website or blog?

Better still … what if you want to display a specific header image on certain posts or pages, or display a header image for all posts that share the same categories or tags?

Well, with WordPress, you can!

Let’s look at different methods to add custom header images to WordPress that don’t require touching code.

Add Custom Header Images To WordPress Using The Theme Customizer

The WordPress Theme Customizer lets you easily add header images to your WordPress site …

The Header Image section lets you add multiple header images to your WordPress site and select one of these as the current header image …

Make a header image the current header for your site

(Make a header image the current header for your site)

You can also add multiple header images to your site and rotate these randomly throughout your site …

Rotate images randomly in your theme header

(Randomize uploaded header images)

To learn more about using the WordPress Theme Customizer, go here:

Add Different Custom Header Images To WordPress Posts And Pages

The previous method allows you to either display a specific custom header image or rotate multiple header images to your entire website but not to specific posts or pages.

To add different custom header images to specific WordPress posts or pages, you will need to install the plugin below.

WP Display Header

WP Display Header

(WP Display Header)

WP Display Header is a free WordPress plugin that lets you specify a header image for posts, pages, custom post types or archive pages individually, from your default headers and custom headers.

Installing The Plugin

To install the plugin from your WordPress dashboard, go to Plugins > Add Plugins and type in “display header” into the Keyword search field (if you need help see our tutorial on installing WordPress plugins).

Locate the plugin and click on ‘Install Now’ …

Install the plugin

(Install the plugin)

After installing the plugin, click the ‘Activate’ button …

Activate the plugin

(Activate the plugin)

Using The Plugin

To add custom header images to your posts or pages using the plugin, upload images to your WordPress Media Gallery and then add these to the Header Image section of your theme via the Theme Customizer

Upload custom header images to your site via the Theme Customizer

(Upload custom header images to your site via the Theme Customizer)

Once images have been uploaded to your site, you can then add these to individual posts and pages.

Useful Tip

Don’t confuse Header images with Featured images.

By default, WordPress lets you easily add featured images to individual posts and pages, but to add different header images to specific posts or pages requires customizing your theme or adding a plugin like the one shown in this tutorial …

Header image vs Featured image

(Header image vs Featured image)

To learn more about using Featured images in WordPress, see this tutorial:

Add Custom Header Images To Posts And Pages

After installing and activating the plugin, when you create or edit a post or page you will see a Header meta box in your page and post edit screens below the content area …

Header meta box

(Header meta box)

Useful Tip

If you can’t see the ‘Header’ section displayed below you content area, click on the Screen Options tab and make sure that Header checkbox is ticked …

Screen Options - Header enabled

(Screen Options – Header enabled)

This section gives you the option of showing random images, no header image, or selecting a specific image to display on your post or page.

For this example, select an image and republish your post …

Select a specific image for your post or page

(Select a specific image for your post or page)

Visit your post (or page) and you should see the custom header image that you have selected displayed in your theme’s header …

Custom header image added to individual post

(Custom header image added to individual post)

You can add different header images to posts or pages individually …

Add different header images to different posts

(Add different header images to different posts)

But you can also add header images to posts grouped by categories or tags.

Add Custom Header Images To Post Categories

To add custom header images to post categories, go to Posts > Categories > Edit Categories, select an image from the ‘Header’ section added by the plugin, then save to update your settings …

Add custom header images to post categories

(Add custom header images to post categories)

You custom header images will now display in your site’s category archive pages …

Custom header image added to category archive pages

(Custom header image added to category archive pages)

If you need help with WordPress categories, see this tutorial:

Add Custom Header Images To Post Tags

To add custom header images to post tags, go to Posts > Tags > Edit Tags, select an image from the ‘Header’ section, then save to update your settings …

Add custom header images to post tags

(Add custom header images to post tags)

You custom header images will now display in your site’s tag archive pages …

Custom header image added to tag archive pages

(Custom header image added to tag archive pages)

If you need help with WordPress tags, see this tutorial:

Congratulations! Now you know how to add custom header images to individual posts and pages on your WordPress site.

How To Add Custom Header Images To WordPress Posts And Pages

Images sourced from Pixabay.com.

***

"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: We have no direct association with WordPress, Automattic, or any of the WordPress products promoted on this website. We may receive affiliate commissions or financial benefits from the purchase of any third-party products and services mentioned on this site. All images and information sourced from product websites remain the copyright of their respective owners and comply with all license terms and agreements of use.

***

Did you enjoy this post? Feel free to share this article with anyone thinking of starting their own business online using the share buttons below.

Jetpack Plugin – 40+ Useful Website Tools In One WordPress Plugin

Learn about the Jetpack plugin for WordPress and how its 40+ suite of powerful tools can help you run a professional website or blog …

Jetpack Plugin - 40+ Useful Website Tools In One WordPress PluginOne of the things that makes WordPress the world’s leading platform for building and running websites is its flexibility and scalability through the use of themes and plugins.

And one of the plugins that can boost the power of your WordPress website or blog and enhance it in so many ways is Jetpack.

Jetpack Plugin – 40+ Useful Website Tools In One WordPress Plugin

In this tutorial, you will learn about the Jetpack plugin for WordPress and how its 40+ suite of powerful tools can help you run a professional website or blog.

What Is Jetpack?

Jetpack is a WordPress plugin owned by Automattic, the company behind WordPress.com.

WordPress.com, the hosted WordPress service, offers loads of useful features to users that are lacking in the self-hosted version from WordPress.org. The self-hosted version of WordPress, however, is the preferred option for serious website owners and bloggers, as it puts them in complete control of their digital presence.

To learn more about the difference between WordPress.com and WordPress.org, see this tutorial:

The Jetpack plugin brings many of the powerful security, traffic, and customization services and handy features available on WordPress.com to self-hosted WordPress sites into a well supported and integrated solution.

The plugin is constantly being updated. It currently provides more than 40 features, and most of these are free. We will cover many of these features and tools in more detail later in this tutorial.

Important – Before Installing Jetpack

Before installing the Jetpack plugin, you will need to set up an account with WordPress.com.  If you run a self-hosted WordPress website or blog, you can set up a free WordPress.com account here.

After setting up your WordPress.com account, stay logged in and complete the step-by-step tutorial below to install and configure the jetpack plugin.

Jetpack

Jetpack by WordPress.com

(Jetpack by WordPress.com)

For this tutorial, we’ll install the free version of the Jetpack plugin, which you can do from your WordPress dashboard. We’ll discuss some of the premium features as we go through the setup process.

Installing The Jetpack Plugin

To install the Jetpack plugin, log into your WordPress site and select Plugins > Add Plugins from your main dashboard menu (if you need help see our tutorial on installing WordPress plugins).

Normally Jetpack will display on the main screen. If not, just search for “jetpack” in the Keyword search field.

Click on the ‘Install Now’ button to install the plugin …

Install the Jetpack plugin

(Install the Jetpack plugin)

After installing the plugin, click on ‘Activate’ …

Activate the Jetpack plugin

(Activate the Jetpack plugin)

After installing and activating the plugin, you will be asked to connect Jetpack to your WordPress.com account. You should have already set this up. If not, you will be asked to set up an account before you can proceed.

Click on ‘Set up Jetpack’ …

Connect Jetpack to WordPress.com

(Connect Jetpack to WordPress.com)

You will be asked to agree to sharing details between your WordPress.com account and your WordPress site. Click ‘Approve’ to continue with your plugin setup …

Complete your plugin setup

(Complete your plugin setup)

Jetpack will then automatically authorize your connection and complete the plugin setup …

Wait for the plugin to complete the setup

(Wait for the plugin to complete the setup)

After the plugin completes the setup process, go ahead and choose the ‘Free’ plan for now by clicking on the ‘Start with free’ button …

Start with the 'Free' plan

(Start with the ‘Free’ plan)

This will bring you back to your WordPress admin dashboard …

Jetpack is now installed and ready to go!

(Jetpack is now installed and ready to go!)

The Jetpack plugin is now installed and ready to go.

Useful Tip

After installation, Jetpack recommends that you activate a number of features. We recommend ignoring this recommendation and only turning on the features you need.

Jetpack – Full List Of Features

According to the plugin’s documentation, here is the full list of features Jetpack makes available to users in its toolkit:

  • Ads: Earn income by displaying ads on your site. (Premium feature)
  • Beautiful Math: Lets you write complex mathematical equations, formulas, and more.
  • Carousel: Transforms a standard WordPress image gallery into a full-screen photo browsing experience.
  • Comments: Replaces your default comment form with a new comment system that has integrated social media login options.
  • Comment Likes: Allows readers to like other comments to show their agreement, approval, or appreciation.
  • Contact Form: Lets you add a contact form to any post or page without giving out your personal email address.
  • Custom CSS: Lets you customize the appearance of your theme without creating a child theme or worrying about updates overwriting your customizations.
  • Custom Content Types: Adds custom post types like testimonials or portfolio items to your site.
  • Enhanced Distribution: Allows your content to be included in the WordPress.comfirehose” of public blog content.
  • Extra Sidebar Widgets: Adds extra widgets you can add to your site, including RSS Links, Twitter Timelines, and Facebook Like Boxes.
  • Gravatar Hovercards: Make your Gravatar profile visible to your site visitors.
  • Google Analytics: Track your WordPress site statistics using Google Analytics(Premium feature)
  • Infinite Scroll: Pulls the next posts automatically into view when readers approach the bottom of your page.
  • JSON API: Authorizes applications and services to securely connect to your site and allows them to use your content or offer you new functionality.
  • Lazy Images: Makes your pages load faster by only loading visible images, waiting to load images that are offscreen as users scroll down.
  • Likes: Allows readers to show their appreciation for your posts with a single click.
  • Markdown: Allows you to compose posts and comments with links, lists, and other styles using regular characters and punctuation marks. Markdown is used by writers and bloggers who want a quick and easy way to write rich text without having to take their hands off the keyboard.
  • Mobile Theme: Jetpack’s Mobile Theme offers a way to make your site mobile-friendly if your current theme is not responsive or hasn’t been updated in a while.
  • Monitor: Alerts you via email if your site goes down.
  • Notifications: Allows you to receive notifications for new comments and Likes in your admin bar and on your mobile device.
  • Image CDN (formerly Photon): Provides faster delivery of your images via WordPress’ own content delivery network (CDN), resulting in less load on your host and faster images for your readers.
  • Plugin Updates: Allows you to choose which plugins on your site should update automatically.
  • Post by Email: Publishes posts to your WordPress site via email using any email client.
  • Proofreading: Checks your spelling, grammar, and written style prior to publishing.
  • Protect: Protects your site from traditional and distributed brute force attacks.
  • Publicize: Shares new posts on social media networks automatically, or schedule future shares with custom messages.
  • Related Posts: Shows contextual posts your visitors might be interested in reading after they’re done reading a current post.
  • Security Scanning: Provides a suite of Anti-virus, malware, and threat detection for your WordPress site with automated resolution. (Premium feature)
  • Search: Replaces your WordPress site’s built-in search feature with advanced search functionality. (Premium feature)
  • SEO Tools: Optimizes your site for search engines using a suite of SEO tools. (Premium feature)
  • Sharing: Adds sharing buttons to your posts so readers can easily share your content  on social networks, via email, etc..
  • Shortcode Embeds: Lets you easily embed content from a range of external services into your own content, e.g. videos from YouTube, tweets from Twitter, and other media across the web.
  • Single Sign On: Uses your WordPress.com credentials to register for and sign into self-hosted WordPress sites quickly and securely.
  • Site Backups: Automatically backs up your entire WordPress site, including all your content, data, media, and WordPress settings. (Premium feature)
  • Site Stats: Lets you view site visits by date, as well as your most popular pages and posts, and more.
  • Site Verification: Lets you verify your site for use with Google, Bing, and Pinterest and their tools.
  • Sitemaps: Generates a sitemap with a list of pages to be indexed by search engines like Google or Bing.
  • Spam Filtering: Automatically filters out spam from comments, pingbacks, and contact form submissions. (Premium feature)
  • Subscriptions: Allows visitors to receive notifications of your latest posts or comments.
  • Tiled Galleries: Displays your image galleries in three different styles: a rectangular mosaic, a square mosaic, and a circular grid.
  • VideoPress: Provides unlimited video hosting on WordPress.com for fast video uploads. (Premium feature)
  • WP.me Shortlinks: Lets you generate short and simple links to your content using the wp.me domain.
  • Widget Visibility: Allows you to configure widgets to appear only on certain pages (or be hidden on certain pages).
  • WordPress.com Toolbar: Replaces the default admin bar and offers quick links to the Reader, all your sites, your WordPress.com profile, and notifications.

Information

Some of above features are activated by default when the plugin is installed and others must be turned on (see next section).

Also, Jetpack is continually being updated and improved. Refer to the full list of features on the official Jetpack documentation for module updates and new features.

Configuring The Jetpack Plugin

After installing Jetpack, the next step is to configure the plugin.

The plugin adds a new ‘Jetpack’ section to the main WordPress dashboard menu. To configure the plugin settings, click on Jetpack > Settings

Jetpack - Settings menu

(Jetpack – Settings menu)

The modules in the Jetpack Settings screen are grouped into different tabbed sections. These include:

  • Writing module
  • Sharing module
  • Discussion module
  • Traffic module
  • Security module

Jetpack Settings screen

(Jetpack Settings screen)

Let’s go through each of these sections and cover its main modules and features.

Jetpack – Writing Module

The Writing module contains tools and features designed to make the writing process easier.

Jetpack - Writing Module

(Jetpack – Writing Module)

Some of the main tools and features in the Writing module include …

Proofreading

Proofreading tools let you check your spelling, style, and grammar …

Jetpack - Proofreading

(Jetpack – Proofreading)

Custom Content Types

You can use custom content types to add testimonials and showcase your work through portfolios …

Jetpack - Custom content types

(Jetpack – Custom content types)

Note: Turning on features like Testimonials, will add a new section to the main menu …

Jetpack - Testimonials

(Jetpack – Testimonials)

Post by email

Turning on this feature lets you publish posts to WordPress by email …

Jetpack - Post by email

(Jetpack – Post by email)

Jetpack – Sharing Module

The Sharing module contains tools and features designed to help you integrate your WordPress site with social media networks …

Jetpack - Sharing Module

(Jetpack – Sharing Module)

Some of the main tools and features in the Sharing module include …

Publicize Connections

Publicize connections automatically shares your posts to social networks …

Jetpack - Publicize connections

(Jetpack – Publicize connections)

This is one of the tools we recommend using to automate traffic with WordPress …

Jetpack - Publicize Your Posts

(Jetpack – Publicize Your Posts)

Sharing buttons

You can add sharing buttons to your posts …

Jetpack - Sharing buttons

(Jetpack – Sharing buttons)

This feature allows your site users to share your posts with others via social networks, emails … even print your content …

Jetpack - Sharing Buttons settings

(Jetpack – Sharing Buttons settings)

Jetpack – Discussion Module

The Discussion module contains tools and features designed to improve user engagement on your site …

Jetpack - Discussion Module

(Jetpack – Discussion Module)

Some of the main tools and features in the Discussion module include …

Comments

With this feature enabled, the default WordPress commenting form is enhanced with social login integration, allowing your site visitors to use their social media accounts to leave comments …

Jetpack - Comments

(Jetpack – Comments)

Additional features in this section include enabling Gravatar Hovercards, Markdown, and comment likes.

Subscriptions

Enable this feature to allow users to subscribe to your posts and comments and receive notifications via email …

(Jetpack – Subscriptions)

Information

Turning on the Subscriptions feature adds an additional ‘Follower Settings’ section to the Reading Settings section where you can customize the emails sent out to subscribers …

Reading Settings - Follower Settings

(Reading Settings – Follower Settings)

Jetpack – Traffic Module

The Traffic module contains tools and features designed to improve user engagement on your site …

Jetpack - Traffic Module

(Jetpack – Traffic Module)

Some of the main tools and features in the Traffic module include …

Site stats

Site stats provide valuable traffic stats and insights directly in your WordPress dashboard …

(Jetpack – Site Stats)

To view your traffic stats, click on Jetpack > Site Stats

Jetpack - Site Stats menu

(Jetpack – Site Stats menu)

This brings up the ‘Site Stats’ screen with information on your site’s traffic activity …

(Site Stats screen)

Useful Tip

You can view enhanced stats in your WordPress.com account by clicking on the ‘Show Me’ button in your Site Stats screen …

WordPress.com enhanced stats

(WordPress.com enhanced stats)

Related posts

Enable the Related posts feature to show related content to users after they have read your current post …

Jetpack Related posts

(Jetpack Related posts)

Useful Tip

Enabling this feature adds a ‘Related posts’ section to your Reading Settings screen, allowing you to configure the feature’s settings …

http://wprev.s3.amazonaws.com/img/wpt/0120/WPT-0120-058.jpg

(Reading Settings – Related posts)

You can also configure the feature’s settings in the WordPress Theme Customizer

Customize Related Posts in the WordPress Theme Customizer

(Customize Related Posts in the WordPress Theme Customizer)

Search engine optimization

Jetpack offers access to Search engine optimization tools as a premium upgrade

(Jetpack Search engine optimization)

Note: A free alternative to Jetpack’s SEO feature is to use the Yoast SEO plugin.

Google Analytics

Jetpack also offers integration with Google Analytics as a premium upgrade

Jetpack Google Analytics

(Jetpack Google Analytics)

Note: There are alternative free plugins you can use to integrate Google Analytics with WordPress.

Sitemaps

Enable Sitemaps to generate XML sitemaps you can use to notify search engines (and Google News) about your site’s content …

Jetpack Sitemaps

(Jetpack Sitemaps)

Note: You can also generate XML sitemaps using the Yoast SEO plugin.

Site verification

Site verification informs search engines that you are the owner of your website …

Jetpack Site verification

(Jetpack Site verification)

Note: You can also verify site ownership using the Yoast SEO plugin.

Jetpack – Security Module

The Security module contains tools and features designed to improve your site’s security …

Jetpack - Security Module

(Jetpack – Security Module)

Some of the main tools and features in the Security module include …

Backups and security scanning

Backups and security scanning is a premium feature that protects you site against data loss, malware, and malicious attacks.

Jetpack Backups and security scanning

(Jetpack Backups and security scanning)

Note: There are alternative plugins and services you can use to protect your WordPress site.

Brute force attack protection

Brute force attack protection blocks suspicious activities on your site. Leave this enabled to help prevent brute-force attacks on your site …

Jetpack Brute force attack protection

(Jetpack Brute force attack protection)

Note: There are alternative plugins and services you can use to protect your WordPress site from brute-force attacks.

WordPress.com log in

Enabling WordPress.com log in allows users  to log into your site using their WordPress.com account.  This feature also provides additional authentication options …

Jetpack WordPress.com log in

(Jetpack WordPress.com log in)

With the feature enabled, users are presented with the option of logging into your site using their WordPress.com account or their username and password.

WordPress.com log in

(WordPress Login screen with WordPress.com log in feature enabled)

As well as the options displayed in the Jetpack Settings screen, the plugin automatically turns on additional features, which can be viewed from the Jetpack Dashboard.

Using The Jetpack Dashboard

To switch to the Jetpack Dashboard, click on the ‘Dashboard’ button at the top of the Jetpack Settings screen …

Click on the Dashboard button

(Click on the Dashboard button)

You can also access the Jetpack Dashboard screen by selecting Jetpack > Dashboard from the main WordPress menu …

Jetpack - Dashboard menu

(Jetpack – Dashboard menu)

This brings you to the ‘Jetpack Dashboard’ screen …

Jetpack Dashboard screen

(Jetpack Dashboard screen)

Here you can view your stats, security activity, and, depending on which plugin features you have enabled, other details about your site’s performance, users, etc. …

Jetpack Dashboard Security activity

(Jetpack Dashboard Security activity)

As well as default site protection, some of the other features worth knowing about in the Jetpack security dashboard, include:

Downtime Monitoring

Activate the free Downtime Monitoring feature to receive automated email notifications if your website goes down …

Jetpack Downtime Monitoring

(Jetpack Downtime Monitoring)

Jetpack Monitor is a useful feature to have enabled, as it will not only send you an email alert (or mobile notification) if it detects that your site is down (indicating that your server is not loading your site and may be experiencing issues) …

Jetpack Monitor sends you an alert if your site goes down!

(Jetpack Monitor sends you an alert if your site goes down!)

Jetpack Monitor also notifies you when your site is back up and lets you know how long it was down for …

Jetpack Monitor alerts you when your site is back up!

(Jetpack Monitor alerts you when your site is back up!)

Jetpack checks your site every five minutes from different locations around the world and sends your notifications by email and/or via mobile. You can also customize the email address where notifications are sent to.

Plugin Autoupdates

Jetpack has a plugin autoupdate feature, which automatically updates plugins when a new version is released …

Jetpack plugin autoupdates

(Jetpack plugin autoupdates)

You can enable this feature for the plugins you choose, allowing you to manage installed plugin autoupdates individually …

Manage installed plugin autoupdates individually

(Manage installed plugin autoupdates individually)

Jetpack Shortlinks

Jetpack Shortlinks is another useful feature that is automatically enabled when you activate the Jetpack plugin. This allows you to use shortened links for your posts using the wp.me domain …

Jetpack Shortlinks

(Jetpack Shortlinks)

To learn more about all the tools and features of Jetpack, see the plugin’s  full list of features.

Jetpack – Additional Info

Interface Seamlessly With WordPress.com

With Jetpack installed on your site, you can seamlessly navigate between your WordPress.com dashboard and your self-hosted WordPress dashboard …

WordPress.com dashboard

(WordPress.com dashboard)

This allows you to manage not only your Jetpack plugin features, but all of your WordPress site’s options as well …

Manage your site from your WordPress.com dashboard

(Manage your site from your WordPress.com dashboard)

To return to your self-hosted site’s admin dashboard, scroll down to the botton of your WordPress.com dashboard’s menu and click on ‘WP Admin’ …

Click WP Admin to return to your site's dashboard

(Click WP Admin to return to your site’s dashboard)

View All Modules In One Page

Because Jetpack has grown to include so many tools and features over the years, the dashboard interface has been simplified with different modules grouped into separate tabs and the plugin activates its most useful modules by default upon installation, so these don’t appear in the primary settings interface …

Jetpack Settings screen

(Jetpack Settings screen)

To view all Jetpack modules on one page, enter the URL below into your web browser (replace “[your-site-URL]” with your actual domain) …

View all Jetpack modules on one page
Click image to enlarge.

This brings up all modules in one page and lets you know which are active or inactive …

Control all Jetpack modules from one page

(Control all Jetpack modules from one page)

Jetpack Widgets

Installing Jetpack adds many new widgets to your widgets area …

Jetpack Widgets

(Jetpack Widgets)

Useful Tip

Jetpack also adds a useful ‘Visibility’ function to all WordPress widgets …

Jetpack adds 'Visibility' to all widgets

(Jetpack adds ‘Visibility’ to all widgets)

This function lets you specify whether to display or hide widgets from your sidebar based on conditions you set for a particular category, author, user. role, tag, date, or page …

Set conditions to show or hide widgets

(Set conditions to show or hide widgets)

To learn more about using WordPress widgets, go here:

Jetpack Support

The plugin is well documented and supported. To learn more about any of the plugin’s modules or features, visit the official Jetpack plugin website …

Access all plugin documentation on the official Jetpack website

(Access all plugin documentation on the official Jetpack website)

The plugin also comes with free basic support. Upgrading to one of the premium options gives users faster resolution to support questions …

Search the plugin website for additional plugin information

(Search the plugin website for additional plugin information)

Upgrading To Jetpack Premium

You can do most things you will need using the free version of the Jetpack plugin. If, however, you feel you need any of the additional premium features (e.g. security, backups, etc.), then Jetpack offers users a range of affordable upgrade plans

View Jetpack's premium upgrade plans

(View Jetpack’s premium upgrade plans)

As you can see, the Jetpack plugin offers WordPress users a powerful toolkit for  running a professional website or blog. We recommend installing the plugin and only turning on the features you need.

We hope you have found this tutorial useful.

For more information, visit the free plugin page on WordPress.org, or check out the official Jetpack website.

Jetpack Plugin - 40+ Useful Website Tools In One WordPress Plugin

***

"If you're new to WordPress, this can stand on its own as a training course and will stay with you as you progress from beginner to advanced and even guru status." - Bruce (Columbus, Ohio)

Disclaimer: We are not associated with WordPress, Automattic, or any products discussed on this website. We may receive an affiliate commission of financial benefit from sales of third-party products and services advertised on our site. All product images remain the copyright of their respective owners, comply with all license terms and agreements of use to the best of our knowledge and are used solely for illustrative or training purposes.

***

Have you found this post useful? If so, please take a moment to share this information with other blog owners using the social links below.

How To Add A Custom Gravatar To WordPress

Learn how to add a custom gravatar to WordPress without touching code in this step-by-step tutorial …

How To Add A Custom Gravatar To WordPressAs we explain in this tutorial, WordPress uses a special kind of avatar called a Gravatar to display user profile photos.

To learn how to set up a Gravatar, see the step-by-step tutorial below:

How To Add A Custom Gravatar To WordPress

Take a look at WordPress sites and blogs where users frequently post comments or engage in online discussions and you will most likely see user profile images displayed next to their comments.

These are user avatars or Gravatars …

A Gravatar is a special kind of avatar used in WordPress

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

Your Gravatar is associated with your email address and follows you around the web, displaying your profile image whenever you post comments online or interact with other WordPress users.

If a user doesn’t have a gravatar, WordPress will display a default image, called  a ‘Mystery Person’ …

Mystery Person

(Mystery Person)

Since many users don’t have an image associated with their email address, your site can end up displaying lots of ‘Mystery Person’ images.

If you allow users to post comments on your site and you don’t want a ‘Mystery Person’ to display next to commenters without gravatars of their own, you can set up a custom default gravatar to display on your site. This can be any image you like, even a branded logo.

In this tutorial, you are going to learn how to add a custom default gravatar to WordPress without touching code.

Why Add A Custom Gravatar To WordPress?

There are two reasons for adding a custom gravatar to WordPress:

  1. To change your own default user gravatar.
  2. To change the default gravatar of other users.

Why Change Your Own Default User Gravatar?

As explained in this tutorial, Gravatar is a free web service that allows users to create a profile and associate avatar images to their email addresses.

Once you set up your Gravatar, the image you have associated with your email address will display everywhere your email address is used. While it’s great to keep the same profile image consistent when interacting with other sites, you may not want to use your gravatar image on your site.

For example, you may want to use  your professional gravatar when posting comments on websites related to your work or industry …

Professional Gravatar

(Professional Gravatar)

But you may also have created a fun or special character avatar or a mascot image that you would like to associate with your profile when posting on your own site …

Fun Gravatar

(Fun Gravatar)

Why Change The Default Gravatar Of Other Users?

As explained earlier, the main reason for changing the default gravatar of other users on your site is to replace the ‘Mystery Man’ default image …

Mystery Man gravatar ... Boooo!

(Mystery Man gravatar … Boooo!)

But you may also have created a fun or special character avatar or a mascot image that you would like to associate with your profile when posting on your own site …

Custom user gravatar ... Yaaay!

(Custom user gravatar … Yaaay!)

Add A Custom Gravatar To WordPress Using Plugins

The easiest way to add or change custom gravatars in WordPress without touching code is using plugins. There are a number of plugins you can use to customize WordPress using avatars.

For this tutorial, let’s look at how to change your default gravatar and set a different default gravatar for other users on your site using a couple of gravatar plugins.

Podamibe Custom User Gravatar

Podamibe Custom User Gravatar

(Podamibe Custom User Gravatar)

Podamibe Custom User Gravatar is a free WordPress plugin that allows users to upload their own gravatar in the media gallery and displays that image as a gravatar instead of looking for an avatar from gravatar.com based on their registered email.

To install the plugin from your WordPress dashboard, go to Plugins > Add Plugins and search for “gravatar” in the Keyword field.

Locate the plugin and click ‘Install Now’ …

Install the plugin

(Install the plugin)

After the plugin has installed, click on ‘Activate’ …

Activate the plugin

(Activate the plugin)

After installing and activating the plugin, go to your User Profile and scroll down to the Custom Gravatar section. Check ‘Use Custom Gravatar’ and click the ‘Select Picture’ button …

User Profile - Custom Gravatar

(User Profile – Custom Gravatar)

Upload and/or select an image from the WordPress Media Library to use as your custom gravatar, then click on ‘Update Profile’ to update your settings and set your image as your new default gravatar  …

Use Custom Gravatar

(Use Custom Gravatar)

Your new custom Gravatar image will display throughout your site, replacing the previous default gravatar …

(Your custom Gravatar image)

You can return to the default gravatar simply by disabling the Custom Gravatar feature in your User Profile or deactivating the plugin …

Back to 'Mystery Man'

(Back to ‘Mystery Man’)

To learn more about this plugin, go here: Podamibe Custom User Gravatar

WP User Avatar

WP User Avatar

(WP User Avatar)

WP User Avatar is a free WordPress plugin that lets you use any image or picture from your WordPress Media Library as a custom user avatar, including adding your own default avatar.

To install the plugin from your WordPress dashboard, go to Plugins > Add Plugins and search for “gravatar” in the Keyword field.

Locate the plugin and click ‘Install Now’ …

Install the plugin

(Install the plugin)

After the plugin has installed, click on ‘Activate’ …

Activate the plugin

(Activate the plugin)

The plugin adds a new ‘Avatars’ menu to your main WordPress menu. Go to Avatars > Settings to add a new default avatar …

Avatars > Settings menu

(Avatars > Settings menu)

This brings you to the ‘WP User Avatar’ settings screen, which effectively mirrors the Avatar section of the WordPress Discussion settings area, allowing you to configure the plugin settings, select whether or not to display avatars, set the content rating, and change the default avatar for users without a custom avatar of their own …

WP User Avatar settings screen

(WP User Avatar settings screen)

Scroll down to the ‘Default Avatar’ section, select the WP User Avatar radio button and click on the ‘Choose Image’ button …

Default Avatar - WP User Avatar

(Default Avatar – WP User Avatar)

Upload and/or select an image from the WordPress Media Library to use as your custom gravatar and click ‘Save Changes’ to update your settings …

Set a new default WordPress avatar

(Set a new default WordPress avatar)

The new custom avatar image will replace the default avatar on your site …

Custom avatar image

(Custom avatar image)

The new custom avatar image will also replace the default image for all users on your site without a Gravatar of their own …

New default user gravatar

(New default user gravatar)

The plugin also adds a library of Avatars to your admin area …

Avatars - Library menu

(Avatars – Library menu)

This lets admin users view and manage all custom avatars uploaded by users on your site …

Avatars library

(Avatars library)

WP User Avatar – Additional Features

If you allow the plugin to add a menu button to your Visual Editor in the plugin ‘settings’ section, users can insert their custom gravatar into their content using the menu button or a shortcode …

Insert a custom gravatar into your content

(Insert a custom gravatar into your content)

Clicking on the menu button brings up a dialog box where users can edit and insert their custom avatar into their content …

Insert a custom avatar into your content

(Insert a custom avatar into your content)

This places a shortcode into the content …

Custom gravatar shortcode

(Custom gravatar shortcode)

The custom gravatar will display in the content in the specified location after the post or page has been published …

Custom Gravatar

(Custom Gravatar)

Clicking on the menu button also gives you the option of adding a standalone uploader to a front page or widget which is only visible to logged-in users …

Add a standalone uploader to a page or widget

(Add a standalone uploader to a page or widget)

This lets logged-in users directly upload their own custom avatar and update their profiles …

Logged-in users can upload their own custom Gravatar

(Logged-in users can upload their own custom Gravatar)

This feature can be useful if you plan to run a membership site or user forum

User profile avatar updated

(User profile avatar updated)

There is also a WP User Avatar PRO version of the plugin that adds more customizable features for adding, editing, managing, and storing custom avatars.

Watch the video below to see a demo of the Pro version of the plugin:

(WP User Avatar PRO)

Learn more about …

We hope you have found this tutorial on how to add a custom gravatar to WordPress useful.

How To Add A Custom Gravatar To WordPress

Angry eggs image: Pixabay

Get Thrive Leads for WordPress

***

"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 is not affiliated with nor sponsored by Automattic, Inc. or the WordPress Open Source project. This site and the products and services offered on this site are not affiliated, associated, sponsored, or endorsed by WordPress, nor have they been reviewed, tested, or certified by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items linked to, reviewed, or advertised on this site.

***

Did you find this article useful? If so, please take a moment to use the social links below and share this article with other WordPress users.