Shortcodes

Shortcodes

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 "   Add Shortcode" button above your content editor. Fill in the relevant content, use "preview" to view the shortcode before finalizing it, 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. Keep in mind that some 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 instead.

 

Available Shortcodes:

  • Accordians 
  • Buttons 
  • Color Box 
  • Columns 
  • Display Posts 
  • iFrame 
  • InfoBoxes 
  • Notes 
  • PhotoBox 
  • Profiles — Wagner Profile 
  • Tooltips 
  • Social Media 
  • Tabs 
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

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

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

Published: A Wagner Button

Text: [wagnerbutton size="large" color="#571c1f" target="_self" url="http://wagner.edu/dining/locations-hours/" icon="dislike" ]Have a problem with the food? Click Here. [/wagnerbutton]

Published: Have a problem with the food? Click Here.

Text: [wagnerbutton size="small" color="#004331" target="_self" url="http://wagner.edu/registrar/academic_calendar/" icon="calendar" ]Calendar of Events[/wagnerbutton]

Published: Calendar of Events

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

Published:
Box title
Content for colorbox.
 

Text: [col type="one-third" ]Irony scenester stumptown, dreamcatcher craft beer keffiyeh +1 seitan kale chips. Irony messenger bag typewriter, polaroid 90's tousled ethical Brooklyn chia art party Etsy disrupt tofu keytar pop-up. Helvetica selvage actually, fixie swag Blue Bottle gluten-free plaid fashion axe shabby chic. Mlkshk Terry Richardson cliche cred bespoke lo-fi. Raw denim actually Pinterest blog fingerstache skateboard, Godard narwhal bitters small batch direct trade food truck 8-bit. Portland Odd Future stumptown hashtag. IPhone cred jean shorts farm-to-table, vegan hella aesthetic vinyl letterpress typewriter Schlitz church-key quinoa.[/col] [col type="two-third col-last" ]Hoodie PBR VHS kale chips. Lomo mixtape fashion axe tousled selvage blog hashtag bespoke, ethical jean shorts Vice. Semiotics 8-bit Thundercats ugh polaroid try-hard. McSweeney's cardigan pug farm-to-table, four loko disrupt chillwave twee leggings Helvetica readymade. Artisan Banksy cray, +1 paleo sustainable pop-up whatever synth mumblecore church-key hoodie banh mi selfies. Tonx readymade occupy, deep v single-origin coffee fingerstache before they sold out sriracha chillwave lo-fi. Tonx vinyl shabby chic tote bag Banksy, dreamcatcher small batch brunch authentic Neutra.

Literally artisan Marfa, tousled umami YOLO bicycle rights actually mumblecore cliche VHS salvia tofu. VHS tote bag cred locavore flannel Godard. American Apparel plaid put a bird on it, art party meh cliche asymmetrical sartorial umami pickled mlkshk. IPhone forage tofu, locavore chia chillwave 8-bit. Bushwick keffiyeh actually Etsy chambray Terry Richardson Williamsburg tofu. Carles mustache tattooed craft beer Marfa, pork belly flexitarian wayfarers small batch gentrify. Swag single-origin coffee trust fund gentrify messenger bag mixtape, stumptown fixie.[/col]

Published:

Hoodie PBR VHS kale chips. Lomo mixtape fashion axe tousled selvage blog hashtag bespoke, ethical jean shorts Vice. Semiotics 8-bit Thundercats ugh polaroid try-hard. McSweeney's cardigan pug farm-to-table, four loko disrupt chillwave twee leggings Helvetica readymade. Artisan Banksy cray, +1 paleo sustainable pop-up whatever synth mumblecore church-key hoodie banh mi selfies. Tonx readymade occupy, deep v single-origin coffee fingerstache before they sold out sriracha chillwave lo-fi. Tonx vinyl shabby chic tote bag Banksy, dreamcatcher small batch brunch authentic Neutra.

Literally artisan Marfa, tousled umami YOLO bicycle rights actually mumblecore cliche VHS salvia tofu. VHS tote bag cred locavore flannel Godard. American Apparel plaid put a bird on it, art party meh cliche asymmetrical sartorial umami pickled mlkshk. IPhone forage tofu, locavore chia chillwave 8-bit. Bushwick keffiyeh actually Etsy chambray Terry Richardson Williamsburg tofu. Carles mustache tattooed craft beer Marfa, pork belly flexitarian wayfarers small batch gentrify. Swag single-origin coffee trust fund gentrify messenger bag mixtape, stumptown fixie.

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

Published: 
Shortcodes
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 →
 
Standing-Committees
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 →
 

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:


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

Published: 

Due soon. Applications are due at the end of the month.



Text: [infobox type="download" clickable="yes" boldtext="Download Form Now" ]This is our new downloadable form.  Download it below.[/infobox]

Published: 

Download Form Now This is our new downloadable form.  Download it below.


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

Published: 
Add a little color to your content.

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 16x9 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.

Green 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:



Light Gray Text: [photobox-h title="Afternoon Delight" align="left" textwrap="yes" width="small" bgcolor="#F1F1F1" link="" imageurl="http://wagner.edu/communications/files/2005/10/treesinovaltn.jpg" ]This image shows a beautiful day at Wagner College on the Hill of Staten Island, New York. [/photobox-h]

Published:

Afternoon Delight This image shows a beautiful day at Wagner College on the Hill of Staten Island, New York.


 

 

 

 

 

 

 

Photobox w/ Image on Left Text: [photobox-l title="Winter Wonderland" align="left" textwrap="yes" width="large" bgcolor="white" link="" imageurl="http://wagner.edu/communications/files/2012/10/1024px-Main_Hall_at_Wagner_College_in_the_Winter1-67x100.jpg" ]Blustery winters occur occasionally on Sutter Oval in front of Main Hall, our iconic building. They are so fun for our students to play in and enjoy some of the luxuries of a snowy winter.[/photobox-l]

Published:

Winter Wonderland Blustery winters occur occasionally on Sutter Oval in front of Main Hall, our iconic building. They are so fun for our students to play in and enjoy some of the luxuries of a snowy winter.

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

Faculty 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:



Student Text: [student-bio name="William Shakespeare" email_address="will.shakes@wagner.edu" hometown="Stratford-upon-Avon" image_url="http://wagner.edu/communications/files/2013/08/shakespeare_2551464b1-150x200.jpg" ] [student-bio-major]Theatre Studies[/student-bio-major][student-bio-involvement]Will is heavily involved in the sketch comedy group on campus and loves to see the musicals that WCT produces.[/student-bio-involvement][student-bio-heart]Will loves the encouragement of his creativity at Wagner.[/student-bio-heart][/student-bio]

Published:

William Shakespeare
will.shakes@wagner.edu Stratford-upon-Avon

Theatre Studies

Will is heavily involved in the sketch comedy group on campus and loves to see the musicals that WCT produces.
Will loves the encouragement of his creativity at Wagner.


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.

Text: [twitter-follow username="wagnercollege" show_username="yes" larger_button="yes" ]

Published:

You are currently using a tab. It is a way to organize content with different titles that arrange the corresponding content.

 

Vertical Tab

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:

  • title 1 
  • title2 
  • title3 
content 1
content 2
content 3