Shortcodes

Shortcodes

Helper Pages

Table of Contents

  1. Text Styles
  2. Elements
  3. Formatting
  4. Layout

Small Text

[small] … [/small]

Outputs small text, font size is slightly smaller than default. Add optional color setting, possible values are blue, red, light and white.

Example:

[small color="blue"] ... [/small]

Fusce et sagittis nulla, id bibendum risus. Suspendisse facilisis condimentum feugiat. Duis iaculis orci eget turpis faucibus, id porttitor augue porttitor. Mauris condimentum consequat tristique.

Large Text

[large] … [/large]

Outputs large text, font size is slightly larger than default body copy. Add optional color setting, possible values are blue, red, light and white.

Example:

[large color="blue"] ... [/large]

Fusce et sagittis nulla, id bibendum risus. Suspendisse facilisis condimentum feugiat. Duis iaculis orci eget turpis faucibus, id porttitor augue porttitor. Mauris condimentum consequat tristique.

Subheading

[sub] … [/sub]

Outputs subheading text, similar in style to Heading 5, but slightly smaller. Add optional color setting, possible values are blue, red, light and white. Add underline, with line setting as seen in example.

Example:

[sub color="blue" line="true"] ... [/sub]
This is a subheading


Button

[button link=”#”] … [/button]

Outputs button. Link setting is required. To open in new tab, use new setting as seen in example.

Example:

[button link="#" new="true"] Button Text [/small]
Button Text

Popup Video

[popup link=”#” ]

Outputs an image that triggers a youtube or vimeo video to play in a lightbox. Link setting is required. If you wrap the shortcode in an image, that will act as the video thumbnail. If you use the single popup shortcode, it will look for the default thumb on vimeo or youtube.

Example with Custom Image:

[popup link="https://www.youtube.com/watch?v=6iGgQn2WC_0"] <img src="#" /> [/sub]

Example with Default Image:

[popup link="https://www.youtube.com/watch?v=6iGgQn2WC_0"]


Spacer

[spacer]

Outputs empty space. There are no settings for this. Use multiple to increase space.

Text Center

[center] … [/center]

Center aligns text and images. There are no settings for this. This is cleaner and outputs less pesky html than the WordPress editor setting.

Max Width

[max] … [/max]

Limits width of content. Width setting is required, enter a value WITHOUT ‘px’. Align setting allows you to center or right align content that is left aligned by default.


Columns

[colwrap][col] … [col][/colwrap]

Arranges content into columns Start with colwrap shortcode and then wrap each individual column in a col shortcode. Note that when possible, try to use flexible content!

Colorbox

[colorbox] … [/colorbox]

Wrap content in box with colored background Color setting is required, possible values are sage, dark-sage, primary, warm, blue.

I'd love to stay in touch with you

For from-the-heart letters about life, resilience, and creativity, sign up for With Love & Squalor.

Each letter also contains links to terrific writing from around the web, a collection of Five [Extraordinary] Words, and occasional discounts and previews of upcoming works and creations. Signing up will also nab you the Productivity Journaling with Limitations e-book, a powerful tool to help you dive into analogue planning while living with limitations.

  • This field is for validation purposes and should be left unchanged.

"It feels as lovely as getting a letter in the mailbox to receive a With Love & Squalor email; they are notes of quiet, honest, reflective encouragement that always end on a slant of sunshine.”