Demo 001

This is a sample paragraph block demonstrating standard text content. Paragraphs are the most fundamental block type in Gutenberg, used for regular body text and content flow.

Main Heading (H1)

Secondary Heading (H2)

Tertiary Heading (H3)

Quaternary Heading (H4)

Placeholder Image
Image block with caption – This is sample image content

Unordered List

  • First list item with sample content
  • Second list item demonstrating multiple items
  • Third list item
    • Nested item one
    • Nested item two
  • Fourth list item with more content

Ordered List

  1. First step in a numbered sequence
  2. Second step with additional details
  3. Third step showing progression
    1. Sub-step A
    2. Sub-step B
  4. Fourth step concluding the sequence

This is a blockquote demonstrating how quoted text or testimonials appear. It provides visual distinction from regular paragraph text.

— Sample Citation

<?php
function sample_function() {
  echo 'This is a code block demonstrating syntax highlighting';
  return true;
}
?>

Sample Button Block


Column One

This demonstrates a multi-column layout using a group or columns block. Content can be arranged side-by-side for better visual hierarchy.

Column Two

The second column shows how content flows in responsive layouts. On mobile devices, columns stack vertically for better readability.

Cover Block with Background Image

This demonstrates the cover block with overlay text. Perfect for hero sections and featured content areas.

Table Block

Header 1 Header 2 Header 3
Row 1, Cell 1 Row 1, Cell 2 Row 1, Cell 3
Row 2, Cell 1 Row 2, Cell 2 Row 2, Cell 3
Row 3, Cell 1 Row 3, Cell 2 Row 3, Cell 3

Gallery Block

Gallery item 1
Gallery Item 1
Gallery item 2
Gallery Item 2
Gallery item 3
Gallery Item 3

Media

Media & Text Block

This block combines media (image/video) with text content side-by-side. It’s perfect for showcasing products, features, or testimonials with accompanying visuals.

The layout automatically adjusts on mobile devices for optimal viewing experience.

“This is a pullquote block – a featured quote that stands out from the regular text and draws attention to key statements.”

Roses are red,
Violets are blue,
This is a verse block,
For poetry too.

HTML / Custom Code Block

This demonstrates custom HTML blocks where users can embed their own code snippets, embeds, or custom markup.

SVG Embed

Latest Posts Block (Simulated)

Sample Post Title One

This is a brief excerpt from the first post demonstrating how the latest posts block displays recent articles.

Sample Post Title Two

Here’s another post excerpt showing multiple recent articles in a grid layout for easy browsing.

Social Links Block

f
𝕏
📷
in

📄 Download Block: Sample-Document.pdf (2.5 MB)

Video Block

Embed Block (Twitter/X Post)

Twitter/X Post Embed

Embedded content would appear here (tweets, Instagram posts, etc.)

Note: This demo page showcases the most common Gutenberg block types rendered as HTML. When synced to WordPress via the git-content-sync plugin, these elements can be further enhanced or edited using the full WordPress block editor.