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.
- Color Box
- Display Posts
- Profiles — Wagner Profile
- Social Media
Text: [accordions ][accordion title='title 1']content 1[/accordion][accordion title='title2']content 2[/accordion][accordion title='title3']content 3[/accordion][/accordions]
Text: [wagnerbutton size="large" color="#a78e3d" target="_self" url="http://wagner.edu" icon="noicon" ]A Wagner Button[/wagnerbutton] Published: 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:
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]
Text: [wagner-posts numofposts="2" sentences="2" posts_orderby="title" posts_orderin="asc" specific_category=",web-group" show_posted_date="yes" ] Published:
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.
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:
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:
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="email@example.com" 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:
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: Follow @wagnercollege
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