IndieWeb: WordPress RSVP Using Blocks

IndieWeb: WordPress RSVP Using Blocks

I have been working on ways to use the native WordPress block with classes to produce content that has the appropriate microformat classes. I was successfully in submitting an RSVP with one exception, the image does not seem to want to work properly. I am still becoming conversant in the language of microformats and still learning about them.

Setup

Research

I looked at a lot of examples to see what the correct HTML content would be for an RSVP.

HTML Setup

I tested the basic format from the IndieWeb.org site using a custom html block and my information.

  • Event URL: https://events.indieweb.org/2022/12/homebrew-website-club-pacific-q7QX1qhEt07U
  • My URL
  • My photo URL

The RSVP appeared on the event with the photo.

Block Setup

I then setup group blocks and individual blocks for each of the components. This took a little tinkering.

WordPress post entry with blocks and classes applied to blocks representing microforms classes.

View of Post

Preview of the RSVP post.

IndieWebify.me Validator Confirming the Classes Are Correct

https://indiewebify.me/validate-h-entry/?url=https%3A%2F%2Ftmichellemoore.com%2Fblog%2Frsvp-yes-to-homebrew-website-club-pacific-december-28-2022-wed-600-800pm-america-los_angeles%2F

Validator showing the the entry is correct. Excludes the Author photo.

Results

The RSVP appeared but my photo does not appear. I am not sure why and will have to continue to troubleshoot this. Not that I want my photo all over the place, I just want to fix it.

RSVP Displayed on Event

Conclusion

  • I still need to learn the proper structure of the micro formats and need to learn proper nesting of tags.
  • I need to make research how I can get the words RSVP Yes To on one line. I saw span tags used in some examples, but don’t have native span blocks in WordPress. I can probably use a row block, but didn’t really like the way that looked.
  • I believe the Webmentions plug-in is providing the foundation for this function and as soon as I confirm that I will update this post.
  • I like having the ability to RSVP on my website website for websites that support this functionality.

IndieWeb: WordPress RSVP Using Blocks


Posted

in

by

Comments

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: