Loading...

Columns.

Columns allow you to create boxed areas of various size for your content.

There are a variety of built-in columns for you to use: one full, one half, one third, two third, one quarter, one fifth

Usage.

Using the columns is easy. You can either choose to use the shortcode, or, the CSS class, it’s your choice.

// shortcode usage
[one half]
Your column content inside.
[one half]
// class usage
<div class="one_half">
Your column content inside.
</div>

Typer.

Typer allows you to add some text typing to your content.

Usage.

Using the typer couldn’t be simpler.

// shortcode usage
[text-typer text="engaging, animated"]

Slider.

The slider uses a custom post type to store all of your slides & a shortcode to display them.

It also uses categories which allows you to display your images in different sliders across your site.

Usage.

Displaying a slider with specific category.

// shortcode usage. num = number of slides, cat = category to pull images from
[slider num="3" cat="home-slider"]

Video Header.

The video shortcode allows you to display a video as your header rather than a slider, or static image.

You can specify different video formats, heading and text.

Usage.

Displaying a video header.

// shortcode usage.
[video-header mp4="http://path-to-video.mp4" ogg="http://path-to-video.ogg" webm="http://path-to-video.webm" heading="Build a grrreat site!" text="Unlimited sliders, video headers, microformats, rich snippets, responsive design and more. AvantGarde gives you the tools to create a beautiful, engaging web presence."]

Portfolio.

The portfolio module uses a custom post type to store all of your items & a shortcode to display them.

You can also specify an optional title, as seen on the homepage of this demo.

Usage.

Displaying a portfolio.

// shortcode usage with title
[portfolio num="10" title="Featured Work"]

// shortcode usage without title
[portfolio num="10"]

Team.

The team module is exactly the same as the portfolio module. It uses a custom post type to store all of your members & a shortcode to display them.

Again, you can also specify an optional title, as seen on the homepage of this demo.

Usage.

Displaying your team.

// shortcode usage with title
[team num="10" title="Our Team"]

// shortcode usage without title
[team num="10"]

Testimonials.

The testimonial module uses a custom post type to store all of your testimonials & a shortcode to display them.

The testimonials are also pre-coded with Microformats, not only does this enhance your on-site SEO, it also creates the rich snippet star ratings seen in Googles search results.

Usage.

Displaying your testimonials.

// shortcode usage service = what is the testimonial for? rating = what did the person rate 1 -5? background =  background image
[testimonials service="WordPress Theme" rating="5" background="http://path-to-background.jpg"]

Contact.

The contact page uses 2 shortcodes, 1 for the map and 1 for the contact form. You can use together, or standalone.

Usage.

Displaying the map and form.

// map shortcode usage
[google-map zip="31173"]

// form shortcode usage
[contact-form email="your@email.com"]

Pricing Tables.

The pricing shortcode allows you to display any number of pricing tables.

You can also nest the pricing shortcode within the columns shortcode to set the sizing.

Usage.

Displaying a table.

// shortcode usage
[pricing heading="Starter" price="£250" link="#" name="Sign Up" items="
<ul>
<li>HTML Website</li>
<li>100 Business Cards</li>
<li>Branding Package</li>
<li>12 mths free hosting</li>
</ul>
"]

// shortcode usage wrapped with a column
[one third]
[pricing heading="Starter" price="£250" link="#" name="Sign Up" items="
<ul>
<li>HTML Website</li>
<li>100 Business Cards</li>
<li>Branding Package</li>
<li>12 mths free hosting</li>
</ul>
"]
[/one third]

Audio Player.

Adding an mp3 audio player is super-simple.

Usage.

Displaying an audio player.

// shortcode usage
[audio file="http://path-to-audio.mp3]

Premium WordPress Themes