Shortcodes

Blank has 14 shortcodes: column, progress, gmap, icon, dropcap, button, list, br, clear, hr, spacer, video, soundcloud and highlight.

1. Column

Used to lay out a page. It has two parameters:

  1. size (required): 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5, 1/6, 5/6.
  2. last: true or false. Marks the last column in a row. If you forget this, your columns won’t display correctly.
[column size="1/2"]CONTENT GOES HERE[/column]
[column size="1/2" last="true"]CONTENT GOES HERE[/column]

2. Progress

Used to display skills. Five parameters:

  1. percent (required): a number between 0 and 100.
  2. name (required): the skill to display, e.g. Design, Art, Music…
  3. color (optional): color of the bar. Defaults to the primary color.
  4. thickness (optional): thickness of the circle. Default 15px.
  5. size (optional): width and height of the circle. Default 150px.
[progress percent="90" name="Design Skill" color="#222" thickness="5" size="120"]

3. Google Map

Used to display maps. Five parameters:

  1. address (required): the address you want to display.
  2. height: map height, default 400px. (Width is always 100%; for a smaller map, wrap it in a column shortcode.)
  3. marker: true or false. Show a marker. Default false.
  4. info: the infobox content, e.g. 1400 New York, USA.
  5. open_info: true or false. Show the infobox initially. Default false.
[gmap address="1400 Newyork" height="320" marker="true" info="My Address: 1400 Newyork" open_info="true"]

4. Icon

Intended to display social icons. Five parameters:

  1. icon: the icon to display. Social icons include facebook, twitter, google-plus, linkedin, tumblr, pinterest, youtube, skype, instagram, delicious, reddit, stumbleupon, wordpress, joomla, blogger, vimeo, yahoo, flickr, picasa, deviantart, github, stackoverflow, xing, flattr, foursquare, paypal, yelp, soundcloud, lastfm, lanyrd, dribbble, forrst, steam, behance, mixi, weibo, renren, evernote, dropbox, bitbucket, trello and vk. Other icons are available in Font Awesome.
  2. link: the URL to link to.
  3. target: _self or _blank. Use _blank to open the link in a new tab.
  4. title: the icon title.
  5. tooltip: true or false. Enable a tooltip on this icon.
[icon icon="twitter" link="http://twitter.com/withemes" target="_blank" title="My Twitter" tooltip="true"]

5. Dropcap

No parameters — just use it. Note that only 24 letters are available for dropcaps; this font does not include the letters J and U.

[dropcap]L[/dropcap]orem ipsum dolor...

6. Button

Five parameters:

  1. icon: which icon to use with the button (optional).
  2. link: the page the button links to.
  3. target: _self or _blank. Default _self.
  4. style: 1, 2 or 3. There are three button styles.
  5. lightbox: true or false. If true, the button URL should be an image.
[button icon="music" style="2" link="http://themeforest.net/user/withemes" target="_blank" lightbox="false"]

7. List

Used to style lists. One parameter:

  1. type: plus, minus, hash or star.
[list type="star"]
YOUR LIST GOES HERE
[/list]

8. Highlight

Used to emphasize text. One parameter:

  1. type: 1 or 2. There are two types.
At vero eos et accusamus et [highlight style="2"]iusto odio dignissimos[/highlight] ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores

9. Video and SoundCloud

The same as the standard embed shortcode, but [wivideo] and [soundcloud] make your video/audio responsive.

[wivideo]https://vimeo.com/65629901[/wivideo]
[soundcloud]https://soundcloud.com/neo-light/network-23-34-03[/soundcloud]

Important note: since WordPress 3.6, is a native (built-in) shortcode, so we renamed our shortcode to [wivideo]. Please update your posts accordingly.

10. Br, clear, hr, spacer

Usage is self-explanatory.

11. Iconbox

Two parameters:

  1. icon: choose any icon from this list.
  2. title: title of the iconbox. Default: none.

12. Recent work

Displays your portfolio (recent works). Parameters:

  1. number: number of items to show. Default 9.
  2. column: display in 2, 3 or 4 columns. Default 3.
  3. crop: crop the thumbnail? true or false. Default true.
  4. excerpt: display the excerpt? Default true.
  5. excerpt_length: an integer. Default 20.
  6. filter: show the portfolio filter? true or false. Default true.
  7. categories: category IDs, separated by commas.
  8. exclude_categories: IDs of categories to exclude, separated by commas.

13. Recent posts

Displays recent blog posts. Two parameters:

  1. number: number of posts to show. Default 3.
  2. excerpt_length: an integer. Default 14.