Shortcodes

Here is the code

// The first example
[ column columns=4]…[/column][ column columns=8]…[/column]

// The second example
[ column columns=3]…[/column][ column columns=6]…[/column][ column columns=3]…[/column]

// The third example (note the offset attribute)
[ column columns=6 offset=3]…[/column][ column columns=3]…[/column]

All the options

Important: As mentioned before the grid by default has 12 columns and therefore you have to create 12 columns to draw a row of columns. You can use columns and the offset attributes to do this.

• columns (int) 1-12, creates the grid columns
• offset (int) 1-12, pushes the column to the right
• class (string) class="mycolumn", for additional CSS classes

Orbit Shortcode

[column columns=12]
[orbit include=”2386,2376,2379″]
[/column]

Mission control is ready, let’s launch Orbit the responsive slider as a simple shortcode. You’ll notice similar attributes we used in the Clearing shortcode before.

Placing [ orbit] in your editor creates a responsive slider from all the images attached to the post/page, here are the options:

• id takes a post/page ID, defaults to current post/page
• size size of the images used, defaults to large
• include list of attachment IDs to include
• exclude list of attachment IDs to exclude

/**
 * Overwrite the defaults of the Orbit shortcode script
 *
 * Accepts all the parameters from http://foundation.zurb.com/old-docs/f3/orbit.php#optCode
 * to customize the options for the orbit shortcode plugin.
 *
 * @param  array $args default args
 * @return array       your args
 */
function required_orbit_script_args( $defaults ) {
	$args = array(
		'animation' 	=> 'fade',
		'advanceSpeed' 	=> 8000,
	);
	return $args = wp_parse_args( $args, $defaults );
}
add_filter( 'req_orbit_script_args', 'required_orbit_script_args' );

Reveal Shortcode

With Reveal you can create simple modal windows on your site. With the [ reveal] shortcode this is also possible for your editors.

[reveal link=”Link text” linkclass=”button nice radius blue medium”]

In ac libero eget nisl accumsan mollis. Quisque ultricies aliquet ante, eget rhoncus dui commodo vitae. Curabitur suscipit ante quis augue rutrum quis volutpat arcu interdum. Ut dapibus sagittis dapibus. Etiam erat eros, pharetra eget mollis eget, laoreet in tortor.

[=reveal link=”Link text” linkclass=”button nice radius dark medium”]

[=/reveal]
[/reveal]

Attributes for Reveal

The Reveal shortcode takes the following attributes link, linkclass and class:

• link the link text
• linkclass space separated CSS classes
• class CSS classes on the modal window

By default WordPress doesn’t allow nested shortcodes, but for Reveal to be useful we came up with a handy helper. So the code to create something like modals above would look like this:

[ reveal link="Link text" linkclass="button nice radius blue medium"]
…
[=reveal link="Link text" linkclass="button nice radius dark medium"]
…
[=/reveal]
[/reveal]

Tooltip Shortcode

This is a fairly simple shortcode that creates simple Tooltips and it takes as much letters to write as the corresponding HTML, so only install the plugin if your clients are having a hard time understanding basic code.

[ tooltip position="top" title="What goes in the tip"]Text that has a tip[/tooltip]

Here is a list of all the attributes:

• position top|bottom|left|right
• title Text in the tip
• class Additional CSS classes, example noradius
• width Size of the tip

Tooltip examples:
[tooltip position=”top” title=”Facebook”]Facebook page[/tooltip] [tooltip position=”top” title=”Twitter”]Twitter page[/tooltip] [tooltip position=”top” title=”LastFM”]LastFM page[/tooltip]