With byline:
Hide avatar:
Show bio:
Link to author page:
Avatar sizes:
Color
Duotone
Alignment (Text alignment)
Typography
Font sizes
Appearance
Line height
Letter spacing
Decoration
Letter case
Padding and margin
Padding preset: 4
Margin preset: 4
Category: Theme
Blocks in the theme category
-
Featured Image
Link to post:
Width
Alignment
Color
Overlay
Duotone
Border
Linked to post:
Aspect ratio
-
Excerpt
Custom, user created excerpt.
Custom, user created excerpt.
Show link on same line:
Custom, user created excerpt. Custom read more link text
Color
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Alignment (Text alignment)
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Typography
Font size
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Appearance
Custom, user created excerpt.
Custom, user created excerpt.
Line height
Custom, user created excerpt.
Letter spacing
Custom, user created excerpt.
Decoration
Custom, user created excerpt.
Custom, user created excerpt.
Letter case
Custom, user created excerpt.
Custom, user created excerpt.
Custom, user created excerpt.
Padding and margin
Padding preset: 4
Custom, user created excerpt.
Margin preset: 4
Custom, user created excerpt.
-
Avatar
With link to user profile:
Alignment
Border
Duotone
Padding and maring
Padding preset: 4
Margin preset: 4
-
Posts Lists
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
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Inner blocks use content width: On
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Grid, 3 columns
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Justification
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Custom width 200px, custom wide width 400px
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Color
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Block spacing
Block spacing preset: 0
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Block spacing preset: 4
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Block spacing preset: 7
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Typography
Font size
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Appearance
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Line height
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Letter spacing
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Decoration
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
Letter case
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and…
-
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have…
-
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly…
-
-
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Template: Sticky
-
Cover
-
Audio
Title & excerpt variation
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
Title, date & excerpt variation
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
Image, date, and title variation
-
Template: Sticky
-
Hello world!
-
Author Biography
Post type: page
-
Sample Page
This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this: Hi there! I’m a bike messenger…
-
How to use the test data
The purpose of this test data is to test block changes across WordPress versions and Gutenberg versions. It is a complement to the other theme test data files. A use case would be when you want to test the typography options of a block, and you don’t want to spend time adding the blocks and…
Filter: “Design” category
-
Spacer
Please note that the spacer is transparent. The default height is 100px. With margin preset: 4
-
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
Offset: 1
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
-
Login/out
Note: test this block both when logged in and logged out. Without redirect to current URL: Display login as form: Typography Font size Appearance Line height Letter spacing Decoration Letter case
Pagination without reload
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
Alignment
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
-
Template: Sticky
This is a sticky post. There are a few things to verify: The sticky post should be distinctly recognizable in some way in comparison to normal posts. You can style the .sticky class if you are using the post_class() function to generate your post classes, which is a best practice. They should show at the…
-
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
-
Author Biography
Alignment Color Padding and margin Typography Font size Appearance Line height Letterspacing Decoration Casing
-
-
Site Tagline
Color
Alignment
Typography
Font size
Appearance
Line height
Letter spacing
Decoration
Letter case
Padding and margin
Padding preset: 4
Margin preset: 4
-
Site Title
Site Title
With link:
Site Title
Heading level 1-6
Site Title
Site Title
Site Title
Site Title
Site Title
Site Title
Alignment
Site Title
Site Title
Site Title
Site Title
Site Title
Color
Site Title
Site Title
Site Title
Typography
Font size
Site Title
Site Title
Site Title
Site Title
Appearance
Site Title
Site Title
Line height
Site Title
Letter spacing
Site Title
Decoration
Site Title
Site Title
Site Title
Letter case
Padding and margin
Padding preset: 4
Site Title
Margin: preset 4
Site Title
-
Site Logo
Without link
Style variation: Rounded
Duotone
Note: there is a spacer block above to clear the alignment.
Padding and margin
Padding preset: 4
Margin preset: 4
