Other Shortcodes

Important Note: When using shortcodes, there should not be a space after the first bracket and the element name. The spaces used in the examples below are for display purposes only.

If you are copying and pasting any of the code below, make sure you delete the extra space after the first bracket. You also may want to check out the glossary below.


Tabs

Displays a group of tabs which show and hide associated content. This shortcode has two parts, the tab and the tab-area. All of the tabs should be list elements (each shortcode should be a list point or <li> element).

Attributes for tab
  • for – A name which specifies which tab content area this tab controls.
  • text – The text which will be displayed on the tab.
  • initial – (optional) Use this if you want this tab to be already open when the page load. Obviously, you can only use this on one of the tabs.
  • [ tab for=”tab1″ text=”2010″]
  • [ tab for=”tab2″ text=”2011″]
  • [ tab for=”tab3″ text=”2012″ initial=”true”]
  • [ tab for=”tab4″ text=”2013″]
Attributes for tab-area

name – – The name used by the tab to know what content area to control.

[ tab-area name="tab1"]Content in area one.[/tab-area]
[ tab-area name="tab2"]Content in area two.[/tab-area]
[ tab-area name="tab3"]Content in area three.[/tab-area]
[ tab-area name="tab4"]Content in area four.[/tab-area]

Putting the two examples above together yields:

Content in area one.

Quisque laoreet diam ut tellus porta, sed faucibus lorem tempor. Etiam sed lectus sagittis, dignissim nisi sed, porttitor ligula. Mauris vitae aliquet erat. Nam rhoncus sollicitudin mauris, sed feugiat libero sollicitudin quis. Integer vehicula interdum turpis quis imperdiet. Suspendisse iaculis tempus risus, aliquet porttitor sem tincidunt ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum orci eget dolor vulputate, non dapibus nunc lacinia.

Content in area two.

Quisque laoreet diam ut tellus porta, sed faucibus lorem tempor. Etiam sed lectus sagittis, dignissim nisi sed, porttitor ligula. Mauris vitae aliquet erat. Nam rhoncus sollicitudin mauris, sed feugiat libero sollicitudin quis. Integer vehicula interdum turpis quis imperdiet. Suspendisse iaculis tempus risus, aliquet porttitor sem tincidunt ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum orci eget dolor vulputate, non dapibus nunc lacinia.

Content in area three.

Quisque laoreet diam ut tellus porta, sed faucibus lorem tempor. Etiam sed lectus sagittis, dignissim nisi sed, porttitor ligula. Mauris vitae aliquet erat. Nam rhoncus sollicitudin mauris, sed feugiat libero sollicitudin quis. Integer vehicula interdum turpis quis imperdiet. Suspendisse iaculis tempus risus, aliquet porttitor sem tincidunt ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum orci eget dolor vulputate, non dapibus nunc lacinia.

Content in area four.

Quisque laoreet diam ut tellus porta, sed faucibus lorem tempor. Etiam sed lectus sagittis, dignissim nisi sed, porttitor ligula. Mauris vitae aliquet erat. Nam rhoncus sollicitudin mauris, sed feugiat libero sollicitudin quis. Integer vehicula interdum turpis quis imperdiet. Suspendisse iaculis tempus risus, aliquet porttitor sem tincidunt ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum orci eget dolor vulputate, non dapibus nunc lacinia.


Embed an Ensemble Video

Embed an ensemble video on the page.

Attributes

Note: All attributes are optional except contentid.

  • contentid – The id of the ensemble content.
  • url – The url of the ensemble video.
  • audio – Set this to true if there is no video, just an audio clip.
  • width – The width of the video.
  • height – The height of the video.
  • autoplay – Set to true to make the video start playing automatically when the page loads. Defaults to false.
  • hidecontrols – Set to true to hide the controls.
  • showcaptions – Set to true to display captions.
  • title – Set a title for the video.
  • displayshowcase – true/false, defaults to false.
  • displaycategorylist – Set to false to hide the category list.
  • categoryorientation – Set to vertical to display the categories vertically. Defaults to horizontal.
[ ensemblevideo contentid="ehlPkjKlmEm91hwP5ZiWgA" width="320" height="180"]


Embed a Website with an iframe

Attributes

url – The url to embed in the frame.

height – (optional) Height of the frame, defaults to 400px

width – (optional) Width of the frame, defaults to full width.

scrolling – (optional) Whether the frame should scroll. Allowed values are “yes”, “no”, and “auto”; defaults to no.

[ iframe url="https://www.bates.edu/" scrolling="yes"]

Glossary

Attribute

Part of the shortcode which specifies that a certain name equals a certain value.

name="value"

This is always found inside the first part of the shortcode, between the brackets.

Opening/Closing Tag

Some shortcodes have a single element like

[example]

and some have a start and ending element like

[example] content [/example]

The first element, the [example], is the opening tag, and the second one, the [/example] is the closing tag. Note the closing tag has a /.

Content Area

In shortcodes with both an opening and closing tag, the space between the tags is the content area. Highlighted below:

[example name="value"] This is the content area. [/example]