I looked at a few videos to understand how to create a custom block pattern to hold my RSVP webmention. You can do this “from scratch” or use a plugin. I would like to do this from scratch but am not sure if I can maintain it. The steps below summarize how to create a custom block pattern based on the videos that I viewed.
- 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
Oops, I missed yesterday. 🙂
Day 19 of 100 #100DaysofIndieWeb, #IndieWeb, #ProjectJournal, #WordPress #CustomBlockPattern
Read more: Project Journal: IndieWeb Webmentions: Create a Custom Block Pattern – From Scratch – Part 1The Plan – Current Status
The current status of the plan.
- Learn About Webmentions a Little More Deeply (COMPLETE)
- 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.
- Decentralized Website Communication with Webmention
- 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)
- 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.
- If this is successful, I will create one to reply to a website post.
100DaysOfIndieWeb, Custom Block Pattern, CustomBlockPattern, IndieWeb, ProjectJournal, Webmentions, WordPress
Project Journal: IndieWeb Webmentions: Create a Custom Block Pattern – From Scratch – Part 1
T Michelle Moore
Leave a Reply