Editor Integrated Shortcodes

When composing pages in WordPress, all these great shortcodes are right there where you need them - Just a single click away.

Synapse Shortcodes

Shortcodes allow you to insert simple snippets of plain text to achieve useful functions in your WordPress theme. Synapse provides many useful shortcode functions to help you easily insert beautifully styled buttons, layout columns, tabbed content, accordion toggles, sliders, post lists, and more.

Accordion Toggles

Button text One

Toggle Content One.

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Button Text Two

Toggle Content Two

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Button Text Three

Toggle Content Three

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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

[toggle title="My Toggle"]
<h4>Toggle Content Heading</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys 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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
[/toggle]

Callouts

Callout Styles

This is a callout with title. You can see all of the various callout style examples here.
[callout width="100%" title="This is a Title" style="white"]This is a callout with title.[/callout]

[callout width="400px" align="center" style="blue"]This is a 400px center aligned blue callout without title.[/callout]

[callout align="right" width="100" style="red"]This is a 100px right aligned red callout box[/callout]

Tabs

  • 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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
  • Tab 2 content

    It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 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.
  • 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.
[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]

Latest Posts Anywhere

Displays a list of your latest posts from any given category(s) with the following options. You can see an multiple examples of this shortcode on the front page of this demo.

[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.


Responsive Sliders

You can insert sliders as shortcodes anywhere in your content. You can specify your slides from the “Slides” Custom Post Type or you can show a content slider of any of your blog categories.

  • Slide One
  • Slide Two
  • Slide Three
  • Slide Four
  • Slide Five

Sliders can be inserted anywhere in your content right from the Editor UI by clicking the “Insert Slideshow” button. Optionally, you can just drop in this shortcode as you see fit. View the tutorial for a step by step tutorial on creating slides and veriaous display parameters.

// Standard Slideshow Parameters
[slideshow effect="slide" category="17" autoplay="false" width="620" height="250" speed="1000" pagination="true" prevnext="true"]

// Content Slideshow Parameters
[contentslides effect="slide" thumbsize="200,150" display="content" type="category" ids="1" width="600" height="320" autoplay="3000" speed="700"

Responsive Videos

Don’t worry about embedded videos breaking your responsive layout in Synapse. Using the [youtube] shortcode, you can display your responsive videos in a beautiful full screen quality with built-in HTML5 with Flash fallback. See below for the features available.

Full Page Example and Docs

Separators

Ever wanted to break your content away from non-clearing elements? Synapse includes a few utility shortcodes to help you achieve it with style.

  • [clear]
  • [clearline]
  • [clearfade]
  • The [clear] shortcode is simple. No visual effects. Just gets the job done.
    The [clearline] shortcode does the same thing as [clear] but adds a horizontal line. Example below:


    The [clearfade] shortcode does the same thing as [clear] but adds a nice faded background image for added effect. Example below:

    Buttons

    Synapse comes with multiple button styles which can be inserted using a simple shortcode as well. Read the documentation and see the examples on the button styles page.

    Columns

    Using the various fractional column layout shortcodes, you can create just about any layout imaginable with no knowledge of HTML. See all Column Shortcodes