These widgets are calling custom fields from posts into the sidebar to show relevant details about the program. Each type of program (listed below) had its own set of custom fields. The div wrapper with the class "sidebarstyle" sets the caramel line and white background - this can be edited in Custom CSS.
The following types of programs have a widget for this purpose.
Masters
Masters in Progress
Diplomas and Certificates
Online Courses
Summer Institutes
Summer Institutes Reg Closed
Advanced Search - this is the widget that embeds the small Advanced Search form in the sidebar on various pages throughout the site. It uses the Gravity Forms shortcode:
This is the official widget from Stitcher - to create a new version contact Dave Roy to log in and get the embed code.
http://www.stitcher.com/podcast/down-the-hall-radio-eplt/down-the-hall
The central component to this widget is the feed shortcode that is calling in the episodes listed on the right side of the page: https://pdce-sandbox.sites.olt.ubc.ca/downthehall/
[ feed url="http://downthehall.libsyn.com/rss" view="blog" num=4 excerpt_length=200 target='_blank ' ]
This feed is pulling in the latest 4 posts and showing an excerpt length of 200 characters. Change as required.
DTH Widget is the sidebar box with the 3 caramel lines around it. This widget is using a title image, CSS for the borders and the feed shortcode to pull in the latest 4 post titles with links.
These are the music credits for the PDCE DTH Blog. This widget shows up on the left of any PDCE blog post in the category: Podcast
Twitter - this is the official Twitter widget , the code is generated in Twitter and then copied and pasted here.
E-News Signup - this is a Mail Chimp widget so users can sign up to receive our newsletter. Changes are made in Mail chimp and then the new embed code would be pasted here.
This is the side menu for the web manual. If you add a new section to the manual then add a link to it here. Also select the new page under Pages for this widget sot that the menu shows up on the new page.
Social Media Icons
These icons are using Font Awesome for the icons themselves and are linking to the Social Media outlets for PDCE.
Size of icons can be adjusted in custom CSS at line 142:
.socialmedia
{
font-size: 24px;
text-align:center;
letter-spacing:5px
}
adjust the font-size to change the icon size