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.


This shortcode will help you add a nice formatted divider, to go with your beautiful theme, be it either a Regular or a Dotted separator.


Use the Slider shortcode to insert small sliders in your content to showcase your testimonials, for example. You can create as many slides as you like using the New Slide button. Also, you can define the arrows style (ArrowsBulletsArrows, and Bullets or None) and the transition animation between slides (Move/Drag or Fade).

These are all the details you need to know about our custom shortcodes to get you creating nice presentation pages, or maybe…posts? Probably not. Check out our shortcodes page to get a better feel.

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?