Project Journal: IndieWeb Webmentions: Create a Custom Block Pattern – From Scratch – Part 2

The Plan – Current Status

The current status of the plan.

• Learn About Webmentions a Little More Deeply (COMPLETE)
  • Microformats Wiki
  • W3C – Webmention
  • IndieWeb – Webmention
  • Webmentions.Rock – Validate the Webmention
• Successfully Use the IndeWeb and Webmentions Plugin to Send Webmentions (COMPLETE)
  • Decentralized Website Communication with Webmention
    • My RSVP is near the bottom of the page.
    • This webinar was hosted by James (James’ Coffee Blog) and provided a great explanation of Webmentions.
• Create A Model Post for RSVPs (IN PROGRESS)
  • The Post Can Use some HTML, but I don’t want that to be the primary content.
  • 1/25/2023
    • Reference: IndieWeb.org Events provided by my IndieWeb friends.
    • Reference: Microforms – H-Event
    • My HTML Event (scroll down the page to see the RSVP)
    • Used This Reference to Create an RSVP
    • My HTML RSVP
  • 1/29/2025 I found the following links:
    • hCalendar Creator (I wish I had this before. I will create another event and RSVP later using this tool.)
    • hCard Creator
  • Next Steps
    • Reviewing the format of the RSVP.
• Learn How to Make a Custom Block Pattern – From Scratch (IN PROGRESS)
  • 1/29/2023 Viewed the Following
    • Build Custom Block Patterns in the WordPress Gutenberg Block Editor
    • WordPress Block Patterns Tutorial: How to create custom block patterns in Gutenberg
    • Create Your Own Block Patterns for Gutenberg / the Block Editor
  • 1/30/2023 Added
    • Let’s code: using block patterns in your block theme – Video
    • Creating Block Patterns – Documentation
• Learn How to Make a Custom Block Pattern – From Scratch
  • If I can do this from Scratch I will. If not, I will use a plugin.
• Test the RSVP
• Test Again
• Get Advice from the IndieWeb Community on Naming, Sharing, etc.
• Share in the WordPress Pattern Library.
• Document the Process (Outline Below)
  • Create a New Post
  • Enter the content (blocks, text, etc.) for the pattern
  • View the Code in the Code Editor
  • Copy the Code
  • Navigate to a Code Escaping Tool
  • Escape the HTML to sanitize it, be careful of single and double quotes
  • Copy the Code
  • Create a Plugin
  • Paste the Escaped Code into the Plugin into the newly defined function.
  • Activate the Plugin
  • Create a New Post
  • Add a Block
  • Select from the Patterns
  • Update the Inserted Pattern
• If this is successful, I will create one to reply to a website post.