Beginner Html Lessons (Version 2)

Lesson 9: The “Custom HTML” Block

Goal: Using your own code inside a WordPress post. ESL Vocab: Custom, Embed, Preview, Broken.

• Concept: Sometimes WordPress blocks aren’t enough. We can use a special block called “Custom HTML” to paste the code we wrote in VS Code.
• The Syntax: Using the WordPress Block Editor (Gutenberg).
• Hands-on Practice:
  1. Create a new WordPress Post titled “My HTML Masterpiece.”
  2. Add a Custom HTML block.
  3. Copy the code from your VS Code “Video Game” page (Lessons 2-6) and paste it into the block.
  4. Click “Preview” to see your manual code render inside WordPress!