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

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

Title & date variation

  • Template: Sticky

  • WooCommerce Catalog Setup

  • Using the Stories Workflow


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…

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case


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…

  • Global Design Tokens Explained

    Jam uses a global design layer based on CSS variables. It controls typography, colors, glass blur/opacity, spacing, corner radius, and container width. Because these settings are global, you rebrand the entire site in minutes and keep a professional result.

  • Getting Started with Jam

    Jam is designed to launch fast. Install the theme, activate the core plugin, and optionally import the demo. After that, customize typography and colors globally using the Customizer. This approach keeps your website consistent and avoids the typical “different font on every block” problem.


Image, date, and title variation

  • Template: Sticky

  • Changelog & Roadmap

  • Lead Capture & Contact Flows


Post type: page

  • Level 2

    Level 2 of the reverse hierarchy test.

  • Level 3

    Level 3 of the reverse hierarchy test.


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…

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

  • Calendar

    Color Alignment Note: there is a spacer block above to clear the alignment. Typography Font size Appearance Line height Letter spacing 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…

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case


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…

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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…

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration 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…

  • Custom HTML

    Hello World

  • Categories list

    Alignment Note: there is a spacer block above to clear the alignment. Typography Appearance Line height Letter spacing Decoration Letter case

Leave a comment

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

Latest posts

View all
7 января, 2012

Template: Sticky

This is a sticky post. There are a few things to verify: The sticky post should be distinctly…

21 декабря, 2025

Changelog & Roadmap

Use the Roadmap page to communicate updates and planned features. Clear release notes reduce support load and improve…

21 декабря, 2025

Lead Capture & Contact Flows

Service businesses need a clean way to receive requests. Jam includes contact and modal request flows styled like…

21 декабря, 2025

WooCommerce Catalog Setup

Jam is WooCommerce-ready. Create products, define attributes, and map specifications to product pages. The catalog layout stays consistent…