Features

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

Accordion Toggle title One

Accordion Toggle Title Two

Accordion Toggle Title Three

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

This is a callout with no 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:

  • excerpt // displays the post excerpt (false)
  • length // word length of the excerpt (50)
  • thumbs // displays the featured thumbnail (false)
  • width // thumbnail width (100)
  • height // thumbnail height (100)
  • num // number of items to show (5)
  • cat // comma separated category ID’s to display (8,10,11)
  • morelink // option to display the ‘read more’ link (false)

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.

  • Left Aligned Image Slide

    Responsive Sliders Anywhere

    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.

  • Right Aligned Image Slide

    Responsive Sliders Anywhere

    This is a slide example. Slides can be used in any combination of text, thumbnails, full size images or your own custom html. Sliders may be inserted anywhere in your content or in widget locations.

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. View Column Shortcodes