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)
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
- First step in a numbered sequence
- Second step with additional details
- Third step showing progression
- Sub-step A
- Sub-step B
- Fourth step concluding the sequence
This is a blockquote demonstrating how quoted text or testimonials appear. It provides visual distinction from regular paragraph text.
<?php
function sample_function() {
echo 'This is a code block demonstrating syntax highlighting';
return true;
}
?>
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
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.
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
📄 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.