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

 

New syntax

For users that are used to using the JB Type plugin please note that the syntax used for rendering grids in your content has changed. Each row needs to be wrapped in a specific zen-row tag. This is used in order to avoid needing to add the _last tag used in the JB Type plugin.

Example: (Change square brackets to curly brackets in example below.)

[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]

 

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