Shortcode Examples

Shortcodes are little chunks of easily read brackets of information that can perform complex actions and markup within your theme. The shortcodes shown below will demonstrate some of the possibilities with Mobius.


Tab Panels in Content

Easily add tab panels to your content


  • Tab 1 content – Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

  • Tab 2 content – It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

  • Tab 3 content – It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Insert tab panels either by clicking the “Insert Shortcode” button in the Editor or use the following syntax:

[tabgroup]
[tab title="Tab 1" id="t1"]Tab 1 content[/tab]
[tab title="Tab 2" id="t2"]Tab 2 content[/tab]
[tab title="Tab 3" id="t3"]Tab 3 content[/tab]
[/tabgroup]

Toggle Accordions in Content

Easily add accordion-style toggles to your content

Toggle One Title

Toggle Two Title

Toggle Three Title

Toggle Four Title

Insert toggles either by clicking the “Insert Shortcode” button in the Editor or use the following syntax:

[toggle title="Toggle Title"]Toggle Content[/toggle]

Slideshows Anywhere

Quickly add a slideshow anywhere in your content

The [slideshow] shortcode displays a list of your latest posts from any given category(s) with the several customizable options.

Example Slideshow:

  • Welcome to the Mobius WordPress Theme!

    This is a text slide. You can mix image slides and text slides within multiple sliders! Sliders/Rotators can be added anywhere in content or within widgets and sidebars.

[slideshow effect="slide" category="8" width="600" height="250" autoplay="true" speed="1000" pagination="true" prevnext="true"]

Parameters:

View the Slideshow documentation


Latest Posts Anywhere

Quickly add your latest anywhere in your content

The “latest” shortcode displays a list of your latest posts from any given category(s) with the several customizable options.

[latest excerpt="true" thumbs="true" width="50" height="50" num="5" cat="8,10,11"]

Parameters:

For a full list of parameters, please see the latest shortcode documentation page.


Beautiful Browser-Safe Buttons

Engage Users with Attractive Buttons

Using the [button] shortcode, we can easily add attractive buttons in various colors, sizes and even with captions.

[button align="center" color="black" link="#" caption="this is a caption" ]My Button[/button]

Examples:

For a full list of parameters, please see the button shortcode documentation page.


Notifications & Callouts

Make your content stand out

Using the [callout] and [note] shortcodes, we can easily display call to actions and important notification messages using the following shortcodes.

[note class="alert"]This is an alert callout note.[/note]

Examples:

This is an accept callout note.
This is an idea callout note.
This is an info callout note.
This is an warn callout note.
This is an alert callout note.

Learn More!

For a full list this shortcode’s parameters, please see the shortcode documentation page.


Responsive Videos

Easily Embed YouTube and Vimeo

Using the [youtube] and [vimeo] shortcodes, we can easily display responsive videos using the provider API.

[youtube responsive="true" autoplay="false" controls="false" id="HJSxwwZI4XI" showinfo="true" hd="true"]

Examples:

For a full list this shortcode’s parameters, please see the shortcode documentation page.