Using Shortcodes for Custom Elements

Here is where the beauty lies. We’ve taken that extra mile and crafted an advanced, but simple to use shortcodes plugin that will allow you to give structure to your pages and posts. To ensure ease of use, everything is visual, nicely packed in a modal window accessible from the WordPress editor. Everything starts with the funky P button.


The main shortcode that will be the workhorse of your pages is the Columns shortcode. This enables you to divide the content into a multitude of columns via a simple and intuitive slider interface. Simply choose how many columns do you want and then drag the sliders to select the proportions of each column.

Once you are done, hit the Insert button and we will generate for you the shortcode, with some dummy content for each column. From here you can add what content you desire in each column like textimages or even other shortcodes.

You can have multiple rows of columns on one page with different column configurations, but we urge you to take the time and think things over, so you don’t clutter your pages with too much content.


To further emphasize your call to action or links, you can use this Button shortcode to get a beautiful button that is in line with the rest of the theme (we really hate those pesky default browser buttons). Simply input the button link and label and you are good to go. You can also choose the size of your button: smallmedium or big. For custom styling, you can add a CSS class and/or id.


Because icons are cool, we’ve made it easy for you to add icons using the famous Entypo icons. This will allow you choose between two background styles (a rectangle or circle) and three sizes (smallmedium and large) — everything so that it matched your website’s style.


Use the Tabs shortcode to group some of your content in your pages or posts under certain tabs. For each tab, you can specify the tab title, an icon (using the FontAwesome library) and the HTML content. If you don’t want icons simply leave that field empty.

You can define as many tabs as you want using the New Tab button.


Using this shortcode you’ll be able to create a nice appealing quote with a smallmedium or big Text Size along with four input fields for Text, Author, Author Link and Author Title.

Progress Bar

This will let you use a simple number to represent the length in pixels or a percentage value (like 96%), by using the Title, Markers and Progress input fields.

Team Member

Present your crew in a nice manner by taking advantage of these awesome options, like the Profile ImageDescriptionSocial Media Links etc

Additional Reading:

This article applies to Border, Bucket, Heap, Lens, Mies, and Rosa as they share the same underlying structure.

Updated on May 8, 2017

Was this article helpful?