Posted on by ken
CategoriesTheme

Query Loop

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

Title & date variation

  • Workers are not Tools

Title & excerpt variation

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Title, date & excerpt variation

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

  • Query Loop

    Note: A separator have been added between each query loop. Title & date variation Title & excerpt variation Title, date & excerpt variation Image, date, and title variation Post type: page Filter: “Design” category Offset: 1 Pagination without reload Alignment

Image, date, and title variation

  • person holding Hello! sticker

    Hello world!

  • text

    Workers Go Go!

Post type: page

Filter: “Design” category

Offset: 1

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • RSS

    Grid view: Display author: Display date: Display excerpt: Author, date, excerpt, 2 items: Author, date, excerpt, 2 items, grid Max items: 20 Alignment

Pagination without reload

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Alignment

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

  • Shortcode

    Gallery shortcode example: Audio shortcode example:

  • Search

    Labels, placeholders and button texts Button position and icon Alignment Note: there is a spacer block above to clear the alignments Width Color Note: text and background color only affect the button. Border Typography Font size Appearance Line height Letter spacing Decoration Letter case Developer only features Features that do not have a user interface:…

Leave a Reply

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