h-card is a microformat class around the mark up of data about identity elements like names, addresses, cities, countries, and often including an avatar or photo. Hovercard is a UI element that creates a visual card when one hovers over a name or similar element that would contain h-card details.
Gravatar serves some of these functions for WordPress from a centralized perspective. The data you would imput there would be wrapped with the h-card class, while Jetpack would give you the ability to display Gravatars as hovercards, so that when you hover over an avatar it will display more detail about the person in a small card-like UI.
For your experimentation purposes, you should be able to use just one post to test against my site. Once you’ve modified your theme, you can simply resend the webmention to my site and that will automatically update your original post. You don’t need to create new posts each time to test it out.
If you haven’t gotten it cleared up, do join us in the IndieWeb #WordPress channel, or catch us at an upcoming HWC event.
Thanks for the clarification, I thought they were the same thing.
Ohhh! Your name comes across properly now in the comments. Now we just need to get the
u-photo
microformat on your h-card squared away…Yeah, I kinda wish I built this out on a static site first. Adding WP template tags creates a whole extra level of complexity.
A Hovercard also known as a h-card is a bit of content that’s shared about you on your website kinda like a visual/interactive business card. Implementation looks like Gravitar. It can contain far more information and is self-hosted.