Technology WordPress Plugins

How to style WordPress Pages and Themes using ShortCodes Ultimate Plugin

Shortcodes let you style content without touching theme files. Here is how to style WordPress pages and themes using the Shortcodes Ultimate plugin, so you can add polished elements anywhere with a simple tag.

Akshaya Rane Akshaya Rane 5 min read

Shortcodes UltimateWhen you create and maintain a blog or a site, you’re always looking for ways to make it more appealing to the readers. The first thing you do is choose an interesting theme. But while that might help style your overall look, you might need more to style and categorize your content.

There is a limitation in the post editor, there are not many options provided to style your content. Basically since you can always rely on your HTML and CSS knowledge to create anything you want. But for those who are not comfortable coding, there are certainly plugins that help you do this. There are several plugins available to help style your content, but Shortcodes Ultimate has the features of many plugins put in one.

The Shortcodes Ultimate Plugin

When I first saw the features of the Shortcodes Ultimate plugin, I certainly did not expect the many options it provided.The plugin was simple to install and even simpler to use because, the brilliance of it, is to provide every feature as a shortcode, which means that any feature can be placed anywhere in your website. Shortcodes are not just limited to pages, posts and widgets, you can use them to style your theme too.

 

What are shortcodes?
Shortcodes are basically macros, which can be placed anywhere on your site. Every shortcode has a corresponding function which will replace the shortcode at the time of execution. It provides for neater code by reducing duplication.

Interested in creating your own shortcodes? Get started by reading our Shortcode creation guide.

Features of Shortcodes Ultimate

The basic (free) version of the plugin comes with 50 Shortcodes. The shortcodes are categorized, for styling written content, dividing the content, adding audio/video/image files, creating an image gallery or slider, adding meta data.

Shortcodes Ultimate
Shortcodes Ultimate

There are several basic features available. You can highlight text, display a box or note, you can add a table, display an image, add a YouTube/Vimeo video, add a quote, add tabs, spoilers, show a lightbox, a Google map, a button (with a tooltip), divide information in panels, etc. Also for those themes which force post formatting, there is a spacer shortcode which adds white space (new lines) between text.

Few shortcodes which need special mention are:

  • Meta: You can add meta information to your post
  • Post: You can display post information (like title, etc) for the current or another post
  • Template: Set the template files to be used while displaying the page or post.
  • Carousel: Allows you to create an image slider (carousel)
  • Animation: You can display animated text
  • Members, Guests, Private: You can filter content for logged in members or guests, you can also have private notes for post authors

You can also nest shortcodes inside one another

Each Shortcode can be styled

There are several styling options provided for each feature and a live preview is shown (for most features) before you can add the shortcode to your page/post. In the below example for a box shortcode there are several styling options you are provided by default. Additionally you can specify your own style class.

Styling Features using Shortcodes Ultimate
Styling Features using Shortcodes Ultimate

There are also other options under Shortcodes Ultimate-> Settings to create custom CSS or edit existing styles.

Premium Add-ons to Shortcodes Ultimate

There are three premium add-ons that are available for the Shortcodes Ultimate plugin:

  1. Extra Shortcodes: This add-on comes with around 19 additional shortcodes to display pricing tables, progress bars, content sliders, panels, etc. This is a very useful add-on especially if you plan to make a business or service website. You can also see a preview of the features. I would recommend that if you had to choose an add-on, choose this one.

  2. Maker Add-on: Lets you create your own shortcodes to add additional functionality. There are three examples given to explain how you could create a feature (using HTML or PHP). This is a useful add-on for those who want to create their own shortcodes directly from WP backend, without the hassle of creating new files. You can checkout a preview of the maker add-on.

  3. Additional Skins: This plugin comes with additional skins to style some UI elements like Headings, Spoiler skins, Tab Skins and Quote skins. It boasts of 60+ additional styles. Regarding this add-on, I honestly feel this depends on individual preference whether you would like additional styling or not. If you feel there are some styling features which are compatible with your theme or which are personally pleasing, get these styling features.

Conclusion

Styling written content is not only to make it visually appealing, but also helps draw user focus to important, not-to-be-missed points, and you can increase readability through categorization. It took me about half a day to go try out each feature, explore and experiment. I would say the Shortcodes Ultimate plugin is a must-have plugin for anyone. What I like about it is that it has the features of many plugins in one. And each feature is styled elegantly. A special mention goes to the developer who has taken a lot of effort to create examples and previews for the features. Go ahead and install it and let me know your views in the comment section below.

Get a FREE Consultation

Let's build something that lasts.

Share what's on your mind — a clear brief, a half-formed idea, or just a sense that something needs to change. We'll listen first, ask the right questions, and point you toward what's actually worth building.

We take on a handful of projects each quarter,ones where we can truly make a difference.

  • Receive a human response within 24 hours
  • Get a detailed scope and quote upfront
  • We're happy to sign an NDA upon request

Start with a Free Consultation

    Your Name *

    Website (Optional)

    Work Email *

    Project Details *

    Can't submit the form? Contact us at sales@wisdmlabs.com