Zen Shortcode layouts

Zen Shortcode is a plugin that can render specific icons, styling and layout markup in your content items.

The syntax shown below is automatically changed in your content items to render the specific markup for grids based on the grid used in the Zen Grid Framework v5. 

 

Creating a grid with Zen Shortcodes

Example:

[zen-row][zen-6]This is a block of content that will take up half of the width of the page.[/zen-6][zen-6]This is a block of content that will take up half of the width of the page.[/zen-6][zen-row]

Please note that the above example uses square brackets as opposed to curly brackets to avoid the text rendering on the page.

List of available grids:

  • zen-1
  • zen-2
  • zen-3
  • zen-4
  • zen-5
  • zen-6
  • zen-7
  • zen-8
  • zen-9
  • zen-10
  • zen-11
  • zen-12

Here are examples:

zen-12

zen-6

zen-6

zen-4

zen-4

zen-4

zen-3

zen-3

zen-3

zen-3

zen-2

zen-2

zen-2

zen-2

zen-2

zen-2