Trending
Shortcodes

Shortcodes

Post shortcodes are accessible via the GUI Shortcode Generator. Simply click the Shortcodes drop-down in the editor
(make sure you’re on Visual editor) and select the relevant shortcode to be guided.

If you wish to manually use the shortcodes (advanced users only), the guide below offers some insight into each.

PullQuote

Dropcap

A To use the square version:
A

Buttons

Label

Tabs

  • Content 1
  • Content 2

Accordions

Title 1
Content 1
Title 2
Content 2
Tip load=”show” defines to show this accordion (expanded) by default.

Toggles

Title 1
Content 1
Title 2
Content 2

Tip load="show" defines to show this accordion (expanded) by default.

Custom List

  • Item 1
  • Item 2
Custom lists support all of the icons from FontAwesome. Simply type it in style argument without the fa- (ex. arrows for fa-arrows).

Columns

Columns are a border-line layout shortcodes. While they’re also often used in posts, they’re covered below.

Layout & Block Shortcodes — Advanced!

This section is only for advanced users. Use page builder if you are uncomfortable with using shortcodes.

Column Shortcodes

The column shortcode is a special shortcode. Sample shortcode:

Column 1 goes here
Column 2 goes here
Column 3 goes here
The
shortcode has the following variables/options:

size
5 columns are supported. Hence all combinations are supported up to 5 such as 1/2, 2/3, 1/4, 3/5 etc. Alternatively, English version of the numbers
is also supported, such as half, one-third, three-fourth, four-fifth etc. Example: size=”one-fourth”.
text_align
left, center, and right are valid alignment values. left is used by default. Example: text_align=”right”.
class
Any of the custom CSS classes can be defined for the column using this attribute.

Separator

type
value: space, line, half-space, half-line. The separator can be either be a large empty space, line-based, small empty space, or line-based but with lesser space.

Media Shortcodes

WordPress core supports embedding much of media out of the box.

Galleries

Galleries were already covered in Gallery Post Format section. For advanced usage, refer to
Gallery Shortcode section in WordPress docs.

Embedding Videos & Audio

To show a video from YouTube or Vimeo for example, you would just copy the link and paste it into your post content.

Checkout the Embeds section of WordPress’s docs to find the supported sites.

Should that fail, you can use the embed shortcode as

Self-hosted Audio & Video

Starting WordPress 3.6, you can self-host audio or video easily. However, not many webhosts will allow you to upload files of large size.

  1. While adding a post, click Add Media. Go to Insert Media > Upload Files.
  2. Select and upload your audio or video file.
  3. Make sure Embed Media Player is selected in “Embed or Link” option.
  4. Click Insert into post.

For advanced usage, check out the Audio and
Video sections of the WordPress docs.