UW Brand
Displaying content
Multi-media content can make your webpage more interactive and is often used on a homepage to display snippets from other parts of your site.
Blogroll
You can display local content using the blogroll shortcode. Recent posts will be displayed in a simple and easy template that has many customizable features.
Blogroll Code
Basic Code Template
[blogroll number=number of posts to display image="show" or "hide" image readmore=add label "on" or "off"]
Basic attributes:
| number= The maximum number of results to return (Default: 5) image= Choose whether to show the featured image thumbnail. Options: show, hide. (Default: hide) author= Choose whether to show the author. Options: show, hide. (Default: show) date= Choose whether to show the publish date. Options: show, hide. (Default: show) readmore= Choose whether to show the “Read More” link or not. Options: on, off. (Default: on) |
More attributes:
| excerpt= Choose whether to show the excerpt in the blogroll. Options: show, hide. (Default: hide) trim= Whether or not to trim the words via WordPress wp_trim_words function. Options: true, false. (Default: false) titletag= The html element for the post titles. (Default: h2) post_type= The post type to look for.(Default: post) mini= Use the miniature template instead of the default one. (Default: false) category= The WordPress category ID to limit the results from. (Default: None) category_name= The WordPress category name to limit the results from. (Default: None) |
Example
[blogroll number=10 image=show category_name=features trim=true]
Example Site (snippet)
Live feeds (Trumba, Twitter, Youtube)
Live content from outside sources like calendars, social feeds, and videos can be embedded straight onto the webpage and interacted with by users.
Trumba
Trumbas are great for listing upcoming events, especially if there is a lot of events to feature as it can reduce clutter.
Code Template
[trumba name='Required web name of Trumba calendar' type='spud type' (display-- options can be found here) base='full URL of desired base calendar']
Example
[trumba name='sea_campus' type='main' base='https://www.washington.edu/calendar']
Example Site
Twitter feeds can make a great widget and are a great way to introduce social media and external activity to your site.
Code Template
[twitter title='the title of the widget' (Default: UW Twitter Feed) count='number of tweets to show' (Default: 5) name='Twitter screen name' (Default: twitter)]
Example
[twitter title='UW Twitter feed' count='5' name='uw' ]
This is what the example would code for:
Youtube
Youtube videos can make your webpage more dimensional and introduce a video element to your site.
Code Template
[youtube type= 'Pick whether to display a single video or playlist' id='The youtube video or playlist id' max-results (OPTIONAL)= 'The maximum number of results to return for a playlist' (Default: None)]
Example
[youtube type= 'playlist' id='PLgNkGpnjFWo9CN_HeVtujhMnUXK05iwgZ' max-results='10']
This is what the example would code for:
iFrames
The iFrame shortcode allows pre-approved contents from other sites to be embedded into our site. These work both in the visual and text mode of the editor.
iFrames code
Code Template
[iframe src= 'URL of allowed domain to display content' height='number in pixels' width='number in pixels']
Example
[iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d5374.65004617 6927!2d-122.297282!3d47.658682!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5490148fa4b8 140f%3A0x12bc8b7f8d48fc84!2sUniversity+of+Washington+Gold+Range!5e0!3m2!1sen!2su s!4v1544726406978" width="600" height="450"]
Example Site
Allowed domains for iFrame:
|