UBC Wiki - User contributions [en]

Documentation:UBC Content Management System/CLF Theme/Loop

2012-09-26T22:33:31Z

TonyChang:

{{Infobox CMS}}
'''[loop]''' is a very powerful shortcode that allows you to customize the type of content to display. With this shortcode you can do anything [http://codex.wordpress.org/Function_Reference/query_posts mentioned here]. For more information on what kind of parameters are possible in the query parameter please see: [http://codex.wordpress.org/Class_Reference/WP_Query#Parameters WP Query Parameters].

You can place the shortcode anywhere in the site.
==Attributes==
* query - the query that you want to retrieve from the database see [http://codex.wordpress.org/Function_Reference/query_posts some possibilities here].
* rss - the url of the feed that you want to display,
* view - choose one (full, archive, list) or create your own.
* pagination - by default pagination is false, only works with the query and not the rss.
* num - used in conjunction with the rss to display a limited set of item,
* error - what to display if there is no results can be found

==Examples of Loop Usage==
Please find below several examples of [loop] usage.

The following line placed in the main content area of the frontpage will display the latest 5 posts on the frontpage of the site:

[loop query="posts_per_page=5" view="archive"]

The following line placed in the main content area of the frontpage will display the latest 5 posts on the frontpage of the site, with pagination enabled to navigate to older posts:

[loop query="posts_per_page=5" pagination="true" view="archive"]

To combine parameters in the query, use the ampersand character ('&'). The following line displays 5 posts from the category SampleCategory:

[loop query="posts_per_page=5&category_name=SampleCategory" view="archive"]

[[File: Loop_shortcode_take2.png|thumb|centre|800px]]

Here is how the outcome looks on the website:

[[File: Loop_shortcode_take3.jpg|thumb|centre|800px]]

You can use the following attributes for the ''view'' parameter:
*archive
*list
*full

Below is another example of [loop] usage:

[loop query="category_name=Conference"]
<a href="[the_permalink]">[the_title]</a>
[the_excerpt] by [the_author] - Date: [last-updated]
[/loop]

[[File: Lop-shortcode1.png|thumb|centre|800px]]

You can use the following parameters within the ''[loop]'' shortcode:
*[the_content]
*[the_permalink]
*[the_excerpt]
*[the_author]
*[the_title]
*[the_date] (publish date of the post)
*[last-updated]
*[the_post_thumbnail]
*[[Documentation:UBC Content Management System/CLF Theme/List of currently available shortcodes]]

This example pulls all posts in the category "Conference" and displays the title, permalink, author, date and excerpt and thumbnail image if available.

[[File: Loop-shortcode2.png|thumb|centre|800px]]

You can also sort by custom field. For example:

[loop query="posts_per_page=5&category_name=newsandevents&meta_key=event_date&orderby=meta_value&order=asc" view="archive"]

You can also use loop shortcode with pages.

For example, if you wish to dynamically pull a list of pages that use custom field 'color', regardless of the value of that custom field, you might do it with the help of a shortcode that looks like this:

[loop query="post_per_page=5&post_type=page&meta_key=color" view="list"]

To return all the posts in the February 2011, use the time parameters (see http://codex.wordpress.org/Class_Reference/WP_Query#Time_Parameters)

[loop query="year=2011&monthnum=2" view=archive]

[[Category:UBC CMS]]

Documentation:UBC Content Management System/CLF Theme/Slideshow

2012-08-01T18:32:27Z

TonyChang:

{{Infobox CMS}}The ''[slideshow]'' [[Documentation:UBC_Content_Management_System/What_is_a_shortcode%3F|shortcode]] is used to make Spotlight Rotation appear anywhere in your site.

By default Spotlight Rotation is set to appear on the Frontpage, however you can insert it on any page by using a shortcode:

[slideshow width="560" height="300"]

(Note: width and height parameters correspond to image width and size).

Parameters:

* "width" - width of the slideshow
* "height" - height of the slideshow
* "category" - Category of posts to show
* "timeout" - Number of seconds between slides
* "speed" - Speed of slide transition in miliseconds
* "lookandfeel" - Type of slideshow to use. Possible values include: ''standard'', ''gallery'', ''blank'', ''multi'', ''transparent'' (See [[Documentation:UBC_Content_Management_System/CLF_Theme/How_to_insert_a_Spotlight_Rotation_in_a_Page|How to insert Spotlight rotation in a page]] for the look-and-feel previews)
* "effect" - Type of transition effect. Possible values include: ''fade'', ''growX'', ''scrollHorz'', ''turnLeft'', ''uncover''

Sample Shortcodes:

[slideshow width="560" height="300" category="spotlight" lookandfeel="gallery"]

[slideshow width="560" height="300" category="news" lookandfeel="multi" timeout="5"]

[[File:Slideshow_Shortcode.jpg|thumb|none|500px|Sample Slideshow Shortcode]]
[[File:4990811443_e7e0d58816_b.jpg|thumb|none|500px|The slideshow on the page]]

[[Category:UBC CMS]]

Documentation:UBC Content Management System/CLF Theme/How to insert a Spotlight Rotation in a Page

2012-05-11T20:22:02Z

TonyChang: /* See Also */

{{Infobox CMS}}The CLF Advanced WordPress theme allows you to create a Spotlight Rotation feature that could be placed on the [[Documentation:UBC_Content_Management_System/CLF_Theme/How_to_set_up_the_site%27s_homepage|Frontpage of your site]] (by default) or on any page of your site (using a specific shortcode).

==Spotlight Rotation Styles==
The CLF theme offers you 5 possible styles for the Spotlight Rotation: ''UBC.ca Standard Spotlight'', ''Horizontally Sliding Gallery'', ''Blank Sliding'', ''Transparent Sliding'', and '' Multi post Sliding''.

<gallery widths=308px heights=220px perrow=2>
File:UBC_Standard_Spotlight.jpg|[http://ubc.ca UBC.ca] Standard Spotlight
File:Horizontally_Sliding_Gallery.jpg|Horizontally Sliding Gallery
File:Blank_Sliding.jpg|Blank Sliding
File:Transparent_Sliding.jpg|Transparent Sliding
File:Multi_post_Sliding.jpg|Multi post Sliding
</gallery>

==Spotlight Rotation Set Up==
[[File:Spotlight_Rotation_Options.jpg|thumb|none|500px|Spotlight Rotation Set Up (click to enlarge)]]
(numbers on image correspond steps)
# Go to ''Appearance > Theme Options > Frontpage'' and scroll down to ''Spotlight Rotation Options'' section.
# Choose the look and feel of the Spotlight Rotation by selecting your [[#Spotlight Rotation Styles|spotlight rotation style]].
# Specify the [[Documentation:UBC Content Management System/Categories|category]] of posts you wish to see in your spotlight rotation. The spotlight rotation draws its content from the posts grouped in a specific category. Specify the category you want it to draw from. Generally it is a good idea to create a category like "Spotlight" or "Featured" that makes it easy to identify posts which you want to feature on your spotlight. You can add a category by clicking on the ''Add Category'' link.
# ''Optional:'' You can also set the number of slides shown in the spotlight rotation. '''NOTE:''' the spotlight rotation will display the latest posts from the specified category, up to the number of slides you set here.
# ''Optional:'' The "Read More Button" checkbox enables a "Read More" button to appear on each slide which will take the user to the post that the slide is tied to. You may also enter custom text in the text field to replace the default "Read More" label.
# ''Optional:'' The image height of the slides can also be adjusted. This, however, is not recommended unless absolutely necessary.
# When you are done, click on the ''Save Changes'' button found at the top or bottom of the page.

==Adding Content to the Spotlight Rotation==
#Edit or create a Post for the Spotlight content
#Make sure you have a short summary of your post under "Excerpt"
#You also need an image for the spotlight. For the best results the image should be '''560px X 300px'''. To upload an image:
#*Click on "Add an Image" button
#*Select the file either from your computer or from the Media Gallery
#*Click on ''Use as featured image'' link (this will ensure that the image will appear as a Spotlight Rotation)

'''IMPORTANT:''' Make sure that the post is associated with Spotlight category or whatever category you created to pull the content from into the Spotlight rotation.

[[File:Spotlight Rotation Featured Image.jpg|thumb|none|500px|Adding Featured Spotlight Rotation Image (click to enlarge)]]

[[File:Spotlight_Rotation_Post_Category.jpg|thumb|none|500px|Spotlight Rotation Post Settings (click to enlarge)]]

==Inserting Spotlight Rotation on Other Pages==
By default Spotlight Rotation is set to appear on the Frontpage, however you can insert Spotlight Rotation on any page by using the [[Documentation:UBC Content Management System/CLF Theme/Slideshow|slideshow shortcode]]: [slideshow width="560" height="300"].

'''NOTE:''' Width and height parameters correspond to image width and height.

[[File:4991417882_668a1d0753_b.jpg|thumb|none|500px|(click to enlarge)]]

[[File:4990811443_e7e0d58816_b.jpg|thumb|none|500px|(click to enlarge)]]

==Changing the order of the slideshow==
The slideshow display follows the order chronological by the date of the post. For example, if Post #1 is published on March 15th, 2012 and Post #2 is published on March 16th 2012, then the slideshow will display Post #2 first and then Post #1. The published date can be modified in the Edit Post page. To change the order of the slideshow simply change the published date of post #2 to March 14th (or any date before the published date of post #1).

==See Also==
*[[Documentation:UBC_Content_Management_System/How_to/How_do_I_properly_remove_the_spotlight_slideshow_on_the_front_page%3F|Removing the slideshow from the front page]]
*[[Documentation:UBC_Content_Management_System/CLF_Theme/How_to_set_up_the_site%27s_homepage|Front page options]]
*[[Documentation:WordPress/Plugins/List#Portfolio_Slideshow|Portfolio slideshow]] Plugin to create a slideshow using all images uploaded to the page.

[[Category:UBC CMS]]

Documentation:UBC Content Management System/Plugins/Create HTML Tables

2012-03-22T23:04:40Z

TonyChang:

{{Infobox CMS}}

The default Wordpress HTML editor does not have buttons to add tables into the pages. To do this, you must enable the '''TinyMCE Advanced''' and '''MCE Table Buttons''' plugins and configure them.

==Configuration==
# Go to the Dashboard
# From the Left Hand Navigation, Select Tools >> Plugins
# Next to the plugins MCE Table Buttons and TinyMCE Advanced, select the ‘Activate’ link
# From the Left Hand Navigation, Select Settings >> TinyMCE Advanced
# Drag the ‘Table’ icons to the toolbar above.
# Select ‘Save Changes’

[[Category:UBC CMS]]

Documentation:UBC Content Management System/Plugins/Create HTML Tables

2012-03-22T22:59:54Z

TonyChang: Created page with "# Go to the Dashboard # From the Left Hand Navigation, Select Tools >> Plugins # Next to the plugins MCE Table Buttons 1.5 and TinyMCE Advanced 3.4.5, select the ‘Activate..."

# Go to the Dashboard
# From the Left Hand Navigation, Select Tools >> Plugins
# Next to the plugins MCE Table Buttons 1.5 and TinyMCE Advanced 3.4.5, select the ‘Activate’ link
# From the Left Hand Navigation, Select Settings >> TinyMCE Advanced
# Drag the ‘Table’ icons to the toolbar above.
# Select ‘Save Changes’

Documentation:UBC Content Management System

2012-03-22T22:58:41Z

TonyChang: /* Adding Functionality to the Site */

{| align="right" class="infobox"
! colspan="2" style="background:#002859; width:300px; color: white; font-weight:normal; font-size:11pt; padding-top: 0.5em; padding-bottom: 0.5em;" | {{PAGENAME}}
|-
!scope="row" colspan="2"| [[{{{picture|Image:CMS_Frontpage.jpg}}}|300px| UBC CMS]]
|-
! colspan="2" style="background:#7491a3; font-weight:normal; width:200px; color: white; font-size:10pt;" | {{{Unit|}}}
|-
| style="font-size:9pt; text-align: right;" | ''Overview: http://cms.ubc.ca''
| style="font-size:9pt; padding-left: 5px;" | {{{overview|}}}
|}
Welcome to the Documentation Codex for the [http://cms.ubc.ca UBC CMS Service]. Here you can find ''[[Documentation:WordPress_Documentation_Style_Guide|and contribut]]e'' to the UBC CMS support and help documentation. The below pages are an effort to document best practices and provide users with tutorials on how to use the WordPress-based CMS service. You can also download this material as a [[UBC_Wiki:Books/UBC_CMS_Guide|pdf wiki book]].

==Getting Started==
*[[Documentation:UBC Content Management System/About|About the UBC CMS Platform]]
*[[Documentation:UBC Content Management System/Differences between UBC CMS and UBC Blogs|Differences between UBC CMS and UBC Blogs]]
*[[Documentation:UBC Content Management System/Requesting a Site|Requesting a Site]]
*[[Documentation:UBC Content Management System/List of CTLT Sites by WordPress Theme Grid|Examples of UBC Websites Created Through the CMS Service]]

==UBC CLF Advanced Theme==
{{PDF version|||[[UBC_Wiki:Books/UBC_CMS_Guide|the CMS Documentation Codex]]}}

The UBC Advanced Theme allows users to develop UBC branded websites using the full UBC common look and feel.

* [[Documentation:UBC_Content_Management_System/CLF_Theme|Theme Options Overview]]
* [[Documentation:UBC_Content_Management_System/CLF_Theme/UBC CLF Theme Options Index|Theme Options Index]]
* [[Documentation:UBC Content Management System/CLF Theme/UBC CLF Options|UBC CLF Options]]
* [[Documentation:UBC_Content_Management_System/CLF_Theme/Layout Options|Layout Options]]
* [[Documentation:UBC_Content_Management_System/CLF_Theme/Font and Colour Options|Font and Colour Options]]
* [[Documentation:UBC_Content_Management_System/CLF_Theme/Navigation Options|Navigation Options]]
* [[Documentation:UBC Content Management System/CLF Theme/Display Options|Display Options]]
* [[Documentation:UBC_Content_Management_System/CLF_Theme/Frontpage Options|Frontpage Options]]
* [[Documentation:UBC Content Management System/CLF Theme/Custom Fields Options|Custom Fields Options]]
* [[Documentation:UBC Content Management System/CLF Theme/Search Engine Optimization (SEO) Options|SEO Options]]
* [[Documentation:UBC Content Management System/CLF Theme/Export Option|Export Option]]
* [[Documentation:UBC Content Management System/CLF Theme/Import Option|Import Option]]
* [[Documentation:UBC Content Management System/CLF Theme/Global Theme Settings|Global Theme Settings]]
* [[Documentation:UBC Content Management System/CLF Theme/Page Templates|Page Templates]]

==Adding Content==

*[[Documentation:UBC Content Management System/Dashboard|Overview of the WordPress Dashboard]]
*[[Documentation:UBC Content Management System/Pages and Posts|Pages and Posts]]
*[[Documentation:UBC_Content_Management_System/Categories|Categories]]
*[[Documentation:UBC_Content_Management_System/Tags|Tags]]
*[[Documentation:UBC Content Management System/Adding Images and Media|Adding Images, Media and Other Files]]
*[[Documentation:UBC_Content_Management_System/How_to/How do I create a link using an image?|Linking to images]]
*[[Documentation:UBC_Content_Management_System/How_to/How do I add or upload a video to my site?|Videos]]
*[[Documentation:UBC_Content_Management_System/Widgets|Widgets]]
*[[Documentation:UBC_Content_Management_System/Embedding Google Maps|Maps]]
*[[Documentation:UBC_Content_Management_System/Plugins/Gravity Forms|Forms]]
*[[Documentation:UBC_Content_Management_System/Plugins/Sharedaddy|Adding social media sharing links]]
*[[Documentation:UBC_Content_Management_System/CLF_Theme/How_to_embed_a_news_feed_from_RSS|Embedding RSS Feeds]]
*[[Documentation:UBC_Content_Management_System/What_is_a_shortcode%3F|Shortcodes]]

==Creating the Site Structure==
*[[Documentation:UBC_Content_Management_System/CLF_Theme/Creating_Custom_Menus|Menus]]
*[[Documentation:UBC Content Management System/Widgets|Widgets]]
*[[Documentation:UBC_Content_Management_System/CLF_Theme/Frontpage Options|Customizing the Front Page]]
*[[Documentation:UBC Content Management System/Shortcodes/Column|Dividing a page into columns]]
*[[Documentation:UBC_Content_Management_System/How_to/How do I hide a widget from a widget area on select pages?|Hiding widgets from a widget area on select pages]]
*[[Documentation:UBC_Content_Management_System/How_to/How do I link to a category archive page?|Linking to a category archive page]]
*[[Documentation:UBC_Content_Management_System/Embedding Google Maps|Embedding Google Maps]]
*[[Documentation:UBC Content Management System/CLF Theme/Embedding UBC Events Calendar|Embedding UBC Events Calendar]]
*[[Documentation:UBC Content Management System/CLF Theme/How to embed content from the UBC Wiki|Embedding content from the UBC Wiki]]
*[[Documentation:UBC Content Management System/CLF Theme/How to insert a Spotlight Rotation in a Page|Inserting a spotlight rotation slideshow in a Page]]
*[[Documentation:UBC_Content_Management_System/How_to/How do I properly remove the spotlight slideshow on the front page?|Removing the spotlight slideshow from the front page]]
*[[Documentation:UBC Content Management System/How to/How do I create a link using an image?#Linking the image to a document|Linking an image to a document in the Media Library]]
*[[Documentation:UBC Content Management System/CLF Theme/How to set up search on the CLF utility bar|Setting up the search bar (CLF)]]
*[[Documentation:UBC_Content_Management_System/What_is_a_shortcode%3F|Shortcodes]]
*[[Documentation:UBC Content Management System/CLF Theme/Page Templates|Page Templates]]

==Adding Functionality to the Site==
*[[Documentation:UBC_Content_Management_System/Plugins|Plugins]]
*[[Documentation:UBC_Content_Management_System/Plugins/Enabling Plugins|Enabling Plugins]]
*[[Documentation:UBC_Content_Management_System/Plugins/Gravity Forms|Forms]]
*[[Documentation:UBC_Content_Management_System/Plugins/Sharedaddy|Adding social media sharing links]]
*[[Documentation:UBC Content Management System/Widgets/Twitter Widget|Adding the Twitter Widget]]
*[[Documentation:UBC_Content_Management_System/Plugins/Redirection|Configuring the Redirection Plugin]]
*[[Documentation:UBC Content Management System/Plugins/Display Links by Category|Adding Links/Blogroll]]
*[[Documentation:UBC Content Management System/Plugins/Create HTML Tables|Configuring the HTML editor to create tables]]

==Custom Coding==
*[[Documentation:UBC_Content_Management_System/How_to/How do I add JavaScript files on each page of my site?|Adding Javascript Files to Site Pages]]
*[[Documentation:UBC_Content_Management_System/How_to/How do I add custom CSS to my site?|Adding Custom CSS]]
*[[Documentation:CLF_Advanced_WordPress_Theme/How_to_add_borders_to_table|Adding borders to an HTML table]]
*[[Documentation:UBC_Content_Management_System/Custom Themes|Custom Themes]]

==Privacy==
*[[Documentation:UBC Content Management System/Privacy/Site Visibility|Site Visibility]]
*[[Documentation:UBC_Content_Management_System/How_to/How_to_password_protect_a_page_or_post%3F|Password Protect an Individual Page]]
*[[Documentation:UBC_Content_Management_System/Plugins/Feed Key Generator|Private Feed Keys]]

==User Management==
*[[Documentation:UBC_Content_Management_System/How_to/How_do_I_add_a_new_user_to_my_site%3F|Adding Users]]
*[[Documentation:UBC Content Management System/CLF Theme/How to disable comments site-wide|Disabling Comments Site-Wide]]
*[[Documentation:UBC Content Management System/Disabling Comments On a Page|Disabling Comments On a Page]]

==Final Steps==

*[[Documentation:UBC Content Management System/How to/How do I add Google Analytics to my site?|Adding Google Analytics]]
*[[Documentation:UBC_Content_Management_System/CLF_Theme/Search_Engine_Optimization_(SEO)_Options|Search Engine Optimization (SEO)]]
*[[Documentation:UBC_Content_Management_System/Going_Live|"Publishing" the site]] - Going Live

==Questions?==
*[[Documentation:{{PAGENAME}}/How to|How to]] - A list of short tutorials on how to get stuff done. Add your questions and we'll try to answer them.
*[[Documentation:UBC_Content_Management_System/Knowledge_Repository|Knowledge Base]] - A very informal space where we capture help requests. Eventually this content will be moved into the main help pages.
*[[Documentation:UBC_Content_Management_System/Index|Index]] - An index of UBC CMS support pages.

==Support==
If you couldn't find an answer to your question on the UBC Wiki, you can leave your question on the Wiki, send us a support ticket or visit us for a one-on-one in-person clinic.
* Send a ticket to UBC CMS support: [mailto:cms.support@ubc.ca cms.support@ubc.ca]
* [http://cms.ubc.ca In-person clinic]: Select the post with your desired attendance date found in the "Upcoming Clinic and Training" section under the "RSVP for Clinics" heading.

{{cc-by-sa-2.0}}

[[Category:UBC Web Services]][[Category:UBC CMS]][[Category:Learning Technologies]]

User:TonyChang/Books/Test Book 01

2009-11-17T22:50:00Z

TonyChang: Created page with '{{saved_book}} == Test WebCT == === Test Book Creator === :WebCT/Vista :MobileCourseDiscussions :Introduction to Online Teaching Test Book 01'

{{saved_book}}

== Test WebCT ==
=== Test Book Creator ===
:[[WebCT/Vista]]
:[[MobileCourseDiscussions]]
:[[Introduction to Online Teaching]]

[[Category:Books|Test Book 01]]