Query Loop

Note: A separator have been added between each query loop.

Title & date variation

  • Template: Sticky

  • Edge Case: Many Tags

  • Edge Case: Nested And Mixed Lists


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…

  • 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…


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


Filter: “Design” category


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…

  • 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: Gallery

    Gallery blocks have two settings: the number of columns, and whether or not images should be cropped. The default number of columns is three, and the maximum number of columns is eight. Below is a three column gallery at full width, with cropped images. Some more text for taking up space. A two column gallery,…


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…

  • 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…


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…

  • 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: 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: 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…


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *