Shortcodes are a great way to insert dynamic content into a page simply by adding a token or (short) code.
There are several shortcodes available in Minn.
Box Shortcode
Outputs a colored box containing specified content. There are two optional arguments for text color and background color. These can either be a hexadecimal code or valid HTML color name.
Usage: [box]This will be displayed inside the rendered box.[/box]
Example Output:
[box]This is the default box with no optional arguments specified.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim mauris, faucibus nec gravida nec, pretium at tortor. Donec vehicula blandit augue in semper. Duis magna sapien, sagittis at eros ut, sodales rhoncus arcu.[/box]
[box color=”snow” bgcolor=”cornflowerblue”]This is a box with bgcolor set to 'cornflowerblue' and color set to 'snow'.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim mauris, faucibus nec gravida nec, pretium at tortor. Donec vehicula blandit augue in semper. Duis magna sapien, sagittis at eros ut, sodales rhoncus arcu.
[/box]
[box color=”#9F6000″ bgcolor=”#FEEFB3″]
- This is an example of a warning box with icon. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi blandit nulla feugiat, velit eu ultrices quisque rutrum, lorem ut fermentum ullamcorper.
- This is an example of a success box with icon. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi blandit nulla feugiat, velit eu ultrices quisque rutrum, lorem ut fermentum ullamcorper.
- This is an example of an introduction box with icon. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi blandit nulla feugiat, velit eu ultrices quisque rutrum, lorem ut fermentum ullamcorper.
- This is an example of an error box with icon. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi blandit nulla feugiat, velit eu ultrices quisque rutrum, lorem ut fermentum ullamcorper.
Button Shortcode
Outputs a colored button containing specified content which can include an icon. There are several optional arguments to control text links, and custom styling. As for the box shortcode the button colors can either be a hexadecimal code or valid HTML color name.
Usage: [button]Click Me![/button]
Example Output:
[button]Default Button[/button][button size=”large”]Large Button[/button]
[button bgcolor=”#888888″ color=”#ffffff”]Secure Checkout[/button]
[button bgcolor=”yellowgreen” color=”yellow”]Enter[/button]
[button bgcolor=”orange” color=”#8A650A”]Cloud Nine[/button]
[button bgcolor=”lavender” color=”#999999″]Show Image[/button]
[button bgcolor=”pink” color=”red”]Delete[/button]
There are many more icons you can include too. Click here for the full list.
Testimonial Shortcode
Display testimonials on any page using the [tml] shortcode. These can even be random. Refresh the page to see different testimonials each time!
Usage: [tml group="123"] or [tml id="321"]
Output: [tml group=”194″ rnd=”true” num=”4″]
Column Layout Shortcode
Display two, three, or four column content layouts with ease!
Usage:
[one_half]First of 2 columns[/one_half][one_half_last]Second of 2 columns[/one_half_last]
[one_third]First of 3 columns[/one_third][one_third]Second of 3 columns[/one_third][one_third_last]Third of 3 columns[/one_third_last]
[one_fourth]First of 4 columns[/one_fourth][one_fourth]Second of 4 columns[/one_fourth][one_fourth]Third of 4 columns[/one_fourth][one_fourth_last]Fourth of 4 columns[/one_fourth_last]
[one_third]1/3 width[/one_third][two_thirds_last]2/3 width[/two_thirds_last]
[three_fourths]3/4 width[/three_fourths][one_fourth_last]1/4 width[/one_fourth_last]
[one_half]1/2 width[/one_half][one_fourth]1/4 width[/one_fourth][one_fourth_last]1/4 width[/one_fourth_last]
Example Output:
[one_half]One Half
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_half][one_half_last]
One Half
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_half_last][one_third]
One Third
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_third][one_third]
One Third
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_third][one_third_last]
One Third
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_third_last][one_fourth]
One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_fourth][one_fourth]
One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_fourth][one_fourth]
One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_fourth][one_fourth_last]
One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt.[/one_fourth_last][one_third]
One Third
Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/one_third][two_thirds_last]
Two Thirds
Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/two_thirds_last][three_fourths]
Three Fourths
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/three_fourths][one_fourth_last]
One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/one_fourth_last][one_half]
One Half
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/one_half][one_fourth]
One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/one_fourth][one_fourth_last]
One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/one_fourth_last]
Year Shortcode
Outputs the current year.
Usage: [year]
Example Output: [year]
Week-Dates Shortcode
Outputs the current month and start/end day numbers of the current week.
Usage: [week-dates]
Example Output: [week-dates]
Site-URL Shortcode
Outputs a link to the homepage of your current site. The link text is your site title as set in General > Settings in the WordPress admin.
Usage: [site-url]
Example Output: [site-url]
Login or Logout Shortcode
Handy shortcode that shows a ‘Login’ link if you are not currently logged in. If you are logged in then a ‘Logout’ link is displayed.
Usage: [loginout]
Example Output: [loginout]
Vertical Gap Shortcode
Provides an easy way to manually insert vertical spacing into your content.
Usage:
[vgap]
[vgap height="100" class="one two three"]
Example Output:
Here is some text before the inserted gap.
[vgap]
And here is some text after the gap. View the page source code for yourself to verify the gap has been inserted!