Note: For these tests, the parent query loop is full width. “Inner blocks use content width” on the query loop is turned off, which is the default value.
Inner blocks use content width: Off
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Inner blocks use content width: On
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Grid, 3 columns
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Justification
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Custom width 200px, custom wide width 400px
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Color
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Block spacing
Block spacing preset: 0
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Block spacing preset: 4
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Block spacing preset: 7
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Typography
Font size
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Appearance
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Line height
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Letter spacing
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Decoration
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Letter case
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Custom HTML
Hello World
Latest posts
Oldest to newest: A to Z Z to A With excerpt With author name and post date With featured image Grid view Three columns Five columns With featured image Alignment Note: there is a spacer block above to clear the alignment. Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and…
Latest Comments
Hide avatar Hide avatar and display date Hide avatar, date and excerpt Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
Note: A separator have been added between each query loop.
Title & date variation
Site Title
Site Logo
Title & excerpt variation
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Title, date & excerpt variation
Separator
Align none Wide Full width Center Style variation Wide Style variation Wide, with align center set in the toolbar: Style variation Wide, with the wide with set in the toolbar: Style variation Wide, with the full with set in the toolbar: Style variation Dots Color Margin Margin preset: 4
Page break
Content before the page break.
Image, date, and title variation
Code
Quote
Post type: page
Categories
Frontpage – posts
Recent Posts …. more description to come… maybe
Filter: “Design” category
next on April 1
Workers Go Go!
We work hard in the factories and farms, Making things with our muscles and arms. But the bosses want to make more dough, So they pay us less and make us go, go, go. We toil all day, our backs are sore, But we can’t afford to take a snore. Our kids go hungry, our…
Offset: 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Workers Go Go!
We work hard in the factories and farms, Making things with our muscles and arms. But the bosses want to make more dough, So they pay us less and make us go, go, go. We toil all day, our backs are sore, But we can’t afford to take a snore. Our kids go hungry, our…
Pagination without reload
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Alignment
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
next on April 1
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
