IndieWeb and WordPress: H-Card

I am slowly following the steps to “support additional IndieWeb philosophies and functionality” on this website. I am at the step where I am setting up an h-card.

I have installed the IndieWeb plugin.

I have also added an h-card to my homepage! That was a little confusing at first. But my method in the end was to add a group block with a custom html block inside. After multiple validity checks on IndieWebify.Me with negative results I stopped to think about it. And then did the smart thing, copied the full example h-card with common properties. From there I checked to make sure that it worked. And then exchanged the sample information with my information and removed the parts that I didn’t want.

Apparently there is an h-entry validation. I am not ready for that yet. 🙂 And I think I skipped multiple other steps. More to come.

Additional Updates

11/21/2022 Revised the Custom HTML block with the following:

<div class="h-card">
<span class="p-given-name">Thelma</span>
<abbr class="p-additional-name">Michelle</abbr>
<span class="p-family-name">Moore</span><br>
<div class="p-org">Michelle Moore Consulting LLC</div><br>
<img class="u-photo" src="" width="200px"><br>
<a rel="me" class="u-url" href="">T Michelle Moore</a><br>
<abbr class="p-region" title="Maryland">MD
<div class="p-country-name">U.S.A</div>
<div class="p-category">Project Manager, Photographer</div>
<div class="p-note">
 <li><a rel="me" href="">LinkedIn</a></li>
  <li><a rel="me" href="">Mastodon</a></li>
  <li><a href="">Twitter</a>

11/21/2022 Updated post with a Reusable Block named Author H-Card.

Reusable Author H-Card
Thelma Michelle Moore
Thelma Michelle Moore Photography

T Michelle Moore
Project Manager, Photographer






Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: