Accordions are great for showing a lot of content in a small space. Each accordion panel can be expanded to reveal the content inside. Each accordion should have a title.
Bands are a great way to organise content into different sections (bands) and bring emphasis and a creative flare to it. Choose from the default or alternative variates, both of which are highly configurable from with the theme customizer.
Create a page of client testimonials or display your favourite quote aswell as everything in between. Two styles to choose from, a simple blockquote or a testimonial.
[blockquote type=”testimonial” author=”Richard Branson” role=”Founder and Chairman”]
Great for bringing emphasis to a section of content. Choose any background colour, border colour and even make the box look inset into the page or outset on top of the page.
[box backgroundcolour=”#EEEEEE” style=”inset”]
For adding line breaks in blocks of text to fine tune typographic layout and flow
Hyperlink to any URL or resource online whilst picking from three preset colour ways, or provide a hex colour for compete control. You can easily link to internal WordPress resources simply by passing it the ID of the object. You can also link to any external resource by passing it the full URL.
[button size=”large” link=”http://www.google.co.uk”] Visit Google [/button]
Entice your visitors to perform an action with the callout shortcode.
[callout title=”Buy one get one free” buttontext=”Browse products” buttonlink=”http://www.google.co.uk”]
Buy one product and get another product of the same value or less for free
Useful for fine tuning layouts. For a very technical and detailed explanation on what clearing means, view this page.
Handy for fine tuning the horizontal space between page elements without adding any visual clutter. The default height is 10px tall, but this can be easily changed to provide a larger gap.
Great for organising content and pages into sections. Choose from three styles, a simple line, an elegant and subtle shadow effect or a line with an icon in the middle to add a more descriptive content divider.
[hr style=”icon” icon=”star-empty”]
Very similar to the standard un-ordered and ordered lists you might be familiar with, but this list enables you to specify icons for each individual item. If no icon is specified it defaults to a tick.
[icon_list] [item icon=”glass”] *content* [/item] [item icon=”music”] *content* [/item] [item icon=”search”] *content* [/item] [/icon_list]
Highlight the start of a page or blog post the with lead shortcode.
[lead] *content* [/lead]
Have anything you want to be particulary visible to the customer? Perhaps they have just completed a form succesfully, or you performing some maintenance on the site and you want to let customers know.
Great for constructing a team members page. All social links and emails are optional.
[person name=”Richard Branson” role=”Founder and Chairman” email=”firstname.lastname@example.org” twitter=”https://twitter.com/richardbranson” ] *content* [/person]
Highlight a quote or short sentence from a page or blog post by pulling it either left or right within the page and adding some colour. The rest of the article wraps around the pullquote giving it a great look.
[pullquote align=”right”] *content* [/pullquote]
Description and instructions
[row] [column width=”one-quarter”] *content* [/column] [column width=”one-half”] [subrow] [subcolumn width=”one-half”] *content* [/subcolumn] [subcolumn width=”one-half”] *content* [/subcolumn] [/subrow] [/column] [column width=”one-quarter”] *content* [/column] [/row]
Tabs are great for showing a lot of content in a small space. Flick between tabs to reveal the underlying content. You can also add an optional icon to each tab.
[tabs] [tab title=”Music” icon=”music”] *content*
Description and instructions
[tag_list] [tag] *content* [/tag] [tag] *content* [/tag] [tag] *content* [/tag] [/tag_list]
A teaser is a great way to construct a portal page that will help your visitors get to where they want to go faster, wheather its a list of your services, products or any other sub page.
[teaser title=”Services” link=”http://www.google.co.uk”]