• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

WPbasics - A beginner's resource for WordPress

  • Blog
    • Tutorials
    • Articles
    • Showcase
    • Themes
    • Plugins
  • Recommended Hosts
  • About
  • Contact Us

How to add a Gravatar to a page

Last updated on July 10, 2019 Leave a Comment

Add a Gravatar to a page

About

Want to add a Gravatar to a page? Adding a Gravatar to your page is a great way to display your image and keep it up to date without ever having to touch the page again.  I use it for my “About” page.  See the example on the left.

Adding a Gravatar is actually very easy.  This can be done by simply inserting the code below into your page or post;

<img src="http://www.gravatar.com/avatar/b4a74489a8fd85c5805071ea09d3f1e2" />

The long number above “b4a74489a8fd85c5805071ea09d3f1e2” is my Gravatar ID.  If you don’t want my face to appear on your page; you should replace it with your Gravatar ID.

NOTE: Use your text editor when adding the code to display a Gravatar on your post/page.  Using the Visual Editor to add the code will result in the code displaying and not your Gravatar.

Size

By default your Gravatar will be presented as an 80px by 80px size image if no parameter is supplied.  You can adjust the size of your Gravatar by adding the s= parameter and passing a single pixel dimension (since the image is square). Below is an example.

<img src="http://www.gravatar.com/avatar/b4a74489a8fd85c5805071ea09d3f1e2?s=200" />

Make it round

If you want to make your Gravatar round like mine, just add a little bit of inline CSS as below.

<img class="alignleft" style="border-radius: 50%;" src="http://www.gravatar.com/avatar/b4a74489a8fd85c5805071ea09d3f1e2?s=200" />

There are a whole bunch of other things that can be done with your Gravatar.  Check out this site for additional info.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Search this site

Popular Posts

  • How to copy a live WordPress site to a local host | Duplicator
  • How to add a jQuery UI Accordion to WordPress
  • How to copy a live WordPress site to a localhost
  • How to Use FileZilla | FTP Client
  • How to Create a Localhost with local by Flywheel

Recent Posts

  • Learn PHP in 15 Minutes
  • How to Install a MailChimp Popup in WordPress
  • Googles reCaptcha slow mobile site
  • Check if your site is indexed by Search Engines
  • ACF Blocks | Gutenberg
SEE MORE POSTS

Footer

Site Links

  • Affiliate Disclosure

Contact

  • Email
  • Twitter
  • Facebook

About WPbasics

WPbasics was created to assist WordPress Beginners. This site provides tutorial, reviews, and access to deals on products used by WordPress users.

Copyright © 2023 · WPbasics ·

Enter your name and email and get the weekly newsletter... it's FREE!
Signup today and be the first to get notified on new updates
Your information will *never* be shared or sold to a 3rd party.