A shortcode is a [bracketed] code that lets you do nifty things with very little effort. Shortcodes can create beautiful graphics or embed files that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.

Insert a shortcode via the     icon above your content editor. Fill in the relevant content, then click “insert shortcode.” In the text editor, it will look something like this:

[wagnerbutton size="medium" color="#004331" target="_blank" url="http://wagner.edu/communications" icon="ok" ]This is a button.[/wagnerbutton]

In the example above, anything in bold can be edited. After you publish the page or post, that same shortcode will magically turn into this:

This is a button.

If you need to edit the content, you can go through all the steps again, or you can simply edit the text within the brackets. See Troubleshooting, below, or leave a comment if you run into problems. Keep in mind that most formatting (especially headers) will break the shortcode. That’s because we’ve already added formatting, and your formatting is in conflict with that. Try using “paragraph” text.

Available Shortcodes:

Accordions

Text: [accordions ][accordion title='title 1']content 1[/accordion][accordion title='title2']content 2[/accordion][accordion title='title3']content 3[/accordion][/accordions]

Published:

title 1

content 1

title2

content 2

title3

content 3

Buttons

Text: [wagnerbutton size="large" color="#a78e3d" target="_self" url="http://wagner.edu" icon="noicon" ]A Wagner Button[/wagnerbutton]

Published: A Wagner Button

Color Box

Text: [colorbox title="Box title" color="#004331" ]Content for colorbox.[/colorbox]

Published:

Display Posts

Text: [wagner-posts numofposts="2" sentences="2" posts_orderby="title" posts_orderin="asc" specific_category=",web-group" show_posted_date="yes" ]

Published: 

---

Directory pages

November 19, 2012

The profile shortcode should be used for pages that list the faculty in a department, or the staff or administration in an office. Each box can link to another page, usually a more in-depth profile. [...] Keep reading →

---

Faculty Committee Minutes Tutorial

May 13, 2013

Here’s a short and simple video tutorial on how to update faculty committee minutes. It’s just about three minutes. [...] Keep reading →

iFrame

Description: The iFrame can be used for PDFs, webpages, and really anything that you want embedded on your site.

Text: [iframe url="http://wagner.edu/communications/files/2012/11/CopyCenter_Request_Form.pdf" scrolling="yes" width="100%" height="500" frameborder="" marginheight="" style="" ]

Published:

InfoBoxes:

Text: [infobox type="warning" clickable="yes" boldtext="Due soon." ]Applications are due at the end of the month.[/infobox]

Published: 

Notes:

Text: [note color="#fefcb1" ]Add a little color to your content.[/note]

Published: 

PhotoBox:

Description: These photoboxes link to another webpage, and are useful for landing pages or to highlight important sections of your site. Photos used here should be horizontal, and will be cropped to 16×9 dimensions if the photo is not already. If you want to display multiple photoboxes in a Pinterest-like grid, insert [photoboxes-container ] before the first box, and [/photoboxes-container] after the last box.

Text: [photobox-h title="Main Hall Renovation" align="left" width="" textwrap="yes" link="http://wagner.edu/give-now" imageurl="http://wagner.edu/communications/files/2012/12/HardHat-300x169.jpg" ]Main Hall recently received major renovations. Please continue to support our beautiful campus.[/photobox-h]

Published:

Main Hall RenovationMain Hall recently received major renovations. Please continue to support our beautiful campus.

Profiles — Wagner Profile:

Description: This shortcode should be used for all directory-type pages, including faculty listings and office staff. See detailed instructions here.

Text: [wagnerprofile name="Benjamin Franklin" title="Founding Father" emailaddress="pre.email@usa.org" phonenumber="718/222-3333" location="Boston, MA" link="http://wagner.edu" imageurl="http://wagner.edu/communications/files/2012/10/450px-Benjamin_Franklin_National_Memorial-150x200.jpg" ]Research interests: How to found a country, library creation, electricity, mapmaking.[/wagnerprofile]

Published:

• 
• Benjamin Franklin
• Founding Father
• what.is.email@america.org

  718/222-3333

  Boston, MA

  ---

  Research interests: How to found a country, library creation, electricity, mapmaking.

Tabs:

Text, option 1: [tabs type="lizatom-tabs-vertical" ][tab title='title 1']content 1[/tab][tab title='title2']content 2[/tab][tab title='title3']content 3[/tab][/tabs]

Published, vertical option:

Text, option 2: [tabs type="lizatom-tabs-horizontal" ][tab title='title 1']content 1[/tab][tab title='title2']content 2[/tab][tab title='title3']content 3[/tab][/tabs]

Published, horizontal option:

Tooltips:

Text: [tooltip position="top" color="blue" delay="0" tooltiptext="Get help." tooltiphead="" ]Please visit our web tutorials for help on awesome Shortcodes. [/tooltip]

Published (hover over link): Please visit our web tutorials for help on awesome Shortcodes. Get help.

Troubleshooting:

I typed in everything correctly, but the shortcode is not converting correctly. Some of these shortcodes are finicky. Try inserting the shortcode again from the icon on a new line.