Theme Shortcodes

Last updated by David Gwyer on December 3, 2016 12:09

[Note: This page is currently incomplete.]

Shortcodes are a great way to insert dynamic content into a page simply by adding a small token or (short) code.

There are several shortcodes available, each of which is easily customizable allowing you to tailor the results to meet your specific requirements.

The shortcodes listed on this page are available in ALL our themes.

Button Shortcodes

The [ button ] shortcode creates a button containing your chosen text, the link and can also include an icon. There are several optional arguments available to control the button color, text color, linking and further styling options. See our examples below.

Get Shortcode

[button link="#"]Default Button[/button]

Get Shortcode

[button link="#" bcol="#bbb" bgcolor="#555" bwidth="3" radius="8"]Button With Border[/button]

Get Shortcode

[button link="#" size="large"]Large Button[/button]

Get Shortcode

[button link="#" bgcolor="#9ACD32" color="#FEFE1E"]Coloured Button[/button]

You can use Hexadecimal or a valid HTML color name to define your background (bgcolor) and text (color) colours.

Get Shortcode

[button link="#" bgcolor="#888888" color="#FFFFFF"]<i class="fa fa-lock"></i>Icon Left[/button]

You can find a full list of available icons here. Simply click on the icon of your choice to reveal the required code snippet.

Get Shortcode

[button link="#" bgcolor="#FFA500" color="#8A6F07"]Icon Right <i class="fa fa-thumbs-o-up"></i>[/button]

You can find a full list of available icons here. Simply click on the icon of your choice to reveal the required code snippet.

Get Shortcode

[button link="#" bgcolor="#9E17AB" radius="16"]Rounded Corners[/button]

You can set the border radius to achieve a pill shaped or more rounded button.

Get Shortcode

[button link="#" bgcolor="#FF0000" radius="0"]Square Corners[/button]

You can set the border radius to 0 to achieve a square cornered button.

Get Shortcode

[button link="#" color="#0095cd" bgcolor="rgba(255, 255, 255, 0)" radius="0" bcol="#0095cd" bwidth="4"]Transparent Button[/button]

Use an rgba transparent color for the background (bgcolor) and set a border width (bwidth), border color (bcol) and text color (color) to fit with your page styling. Ideal when layering buttons on top of an image.

Get Shortcode

[button wrap="span" link="#"]Inline Button 1[/button] [button wrap="span" link="#"]Inline Button 2[/button]

By default each button is wrapped in a <p> tag. Use the ‘wrap’ attribute to change this to whatever you want.

Advanced Button Attributes

View All Attributes

size => '' // set to 'large' or leave blank
target => '' // just like HTML link target
link => '#' // add the url to link to
// use Hex, RGB or RGBa values to set custom background color
bgcolor => false
bcol => '' // Set the color of the border
bwidth => '' // set the width of the button border
color => '' // use Hex, RGB or RGBa values to change the font color
title => '' // define a title if required
class => '' // add CSS classes to button
radius => '' // set the value of your corner radius
// button wrapper tag. i.e. set to span if you want buttons inline
wrap => 'p'
wclass => '' // classes to add to button wrapper tag
bwidth => '' // set the border width

Default values are shown, others are optional.


Testimonials Shortcode

Display testimonials on any page using the [tml] shortcode. These can be customized to produce unique layouts for different areas and pages of your website as required. They can even contain testimonials selected at random. Refresh the page to see different testimonials each time!

Will Bright

Proin sed risus at libero rutrum dictum. Nulla nulla massa, tempor quis est eget, convallis eleifend tellus.

Will Bright

Bright Star

Ann Bridges

Nunc fermentum vulputate massa, vel hendrerit diam condimentum non.

Ann Bridges

Example Company

Luke Smooth

Fusce aliquam gravida enim, a feugiat odio facilisis sit amet.

Luke Smooth

It's Great

Carol Saunders

Suspendisse a accumsan augue. Etiam venenatis eros ac odio dictum, non venenatis orci sagittis.

Get Shortcode

[tml group="123" rnd="true" num="4"]

Testimonials With Excerpts

Sometimes you want to display your testimonials in places where space is restricted and you need to control their length so as not to spoil the design or layout of your pages. You still want people to be able to read the full testimonial and so if the testimonial has an excerpt, that will be displayed instead, along with a read more link.

Amanda Rice

Ea his doming lobortis scripserit. Id mei simul admodum inimicus, pri ex nullam indoctum. Graeco intellegebat et vel, no ipsum nusquam nam.(more…)

Peter Fall

Postea dignissim mea cu, mea eu modus corrumpit assentior. Ad his inciderint disputationi. Pri et amet ubique. Euripidis appellantur sed ut, at has elit homero legendos mel cu.(more…)

Get Shortcode

[tml group="123" num="2"]

Testimonials With Excerpts Hidden

If you want to show Testimonials that have excerpts in all their glory, perhaps in a different place on your website, you can easily turn excerpts off.

Amanda Rice

Ea his doming lobortis scripserit. Id mei simul admodum inimicus, pri ex nullam indoctum. Graeco intellegebat et vel, no ipsum nusquam nam.(more…)

Peter Fall

Postea dignissim mea cu, mea eu modus corrumpit assentior. Ad his inciderint disputationi. Pri et amet ubique. Euripidis appellantur sed ut, at has elit homero legendos mel cu.(more…)

Get Shortcode

[tml group="123" num="2" no_excerpt="1"]

Testimonials Without Images

You can also display your Testimonials without the Gravatar or Featured Image showing.

Frank Glass

Phasellus vehicula commodo nisl eu varius. Duis tellus urna, interdum et luctus quis, congue non dui.

Frank Glass

Shine Inc.

Ann Bridges

Nunc fermentum vulputate massa, vel hendrerit diam condimentum non.

Ann Bridges

Example Company

Jayne Murphy

Consectetur adipiscing elit. Pellentesque mollis sodales.

Jayne Murphy

Over the Rainbow

Get Shortcode

[tml group="123" rnd="true" num="4" no_image="1"]

Testimonials Without Links

You may wish to show your testimonials without an active link to the submitters website. This is often the case if your testimonials show up on your home page and you don’t wish to give away too many links there.

Mike Garvey

Pellentesque aliquet metus mauris, sit amet iaculis lectus tempor sed.

Carol Saunders

Suspendisse a accumsan augue. Etiam venenatis eros ac odio dictum, non venenatis orci sagittis.

Lauren Michelin

Duis tellus urna, interdum et luctus quis, congue non dui. Curabitur nunc turpis, dapibus sed purus eu.

Will Bright

Proin sed risus at libero rutrum dictum. Nulla nulla massa, tempor quis est eget, convallis eleifend tellus.

Will Bright

Bright Star

Get Shortcode

[tml group="123" rnd="true" num="4" no_link="1"]

Advanced Testimonial Attributes

View All Attributes

id => '' // set the id of a unique testimonial to be displayed
group => '' // add the group id to restrict testimonials to a specific group
num => '-1' // set the number of testimonials to show
rnd => false // set to true to show random testimonials
no_excerpt => '0' // set to '1' to hide excerpts
no_image => '0' // set to '1' do hide images
no_link => '0' // set to '1' to hide company links

Default values are shown, others are optional.

First published July 1, 2015