College of Charleston Website New Features v1.3

Transcription

1 College of Charleston Website New Features v1.3 WEB PAGE BANNER Used to add a photo banner to a web page. The following instructions apply to the main index page and the tertiary pages. The main index banner will appear as a full width banner. The tertiary banner will appear as a narrower photo within the main content area. Define a specific gallery image for the main or secondary page 1. View the banner gallery at go.cofc.edu/webbanners. 2. Edit the desired page within the content management system. 3. Select the category from the Banner Category dropdown box. 4. Select image from the Banner dropdown box. Optional: A caption may also be added within the Banner Caption field. Please note: If banner images were created specifically for your website in the past, those images will be added to the main banner gallery so they may also be used.

2 GLOBAL WIDGET Used to promote links across the entire site. The Global Widget currently contains two main features: 1. Promote up to 14 links to additional information and 7 social media links 2. Include up to three graphical banners which may also serve as links and appear above the lower links Links should be limited to five to seven items per category. The columns are grouped into three categories: 1. Additional Resources For supporting links that may assist the user with additional information regarding the page subject. 2. Social Media For promotion of social media channels associated with the individual entity. 3. Quick Links Additional links that may be of interest to the user. May contain shortcuts to other pages within the division, office, department or program website. Links to PDF or DOC should be designated as such with the appropriate label, i.e. (pdf) or (doc).

3 GLOBAL WIDGET (cont.) ADDING GRAPHICAL BANNERS Please Note: The labeling of the graphical images within the Global Widget would lead you to believe that the three graphical images are associated in someway to Additional Resources, Social or Quick Links. However, this is not the case. The references to AR, Social or QL are only for the column location from left to right. We hope to have this corrected in the future to eliminate any confusion. All graphical banners should be 223px in width and 100px in height. NEED A SPECIALIZED COLLEGE BRANDED BANNER? The Office of College Marketing can create banners to fit your need using the web banner gallery photos at go.cofc.edu/webbanner and the College of Charleston approved color palate. If interested, please forward photo category, photo number and desired text to mailto:stoudenmirel@cofc.edu. 1. Upload the banner of choice to the images folder 2. Locate the column of choice from left to right: Lower Widget» Additional Resources» Graphic Image Row 1 Lower Widget» Social» Graphic Image Row 2 Lower Widget» Quick Links» Graphic Image Row 3 3. Select the Browse or Search icons 4. Browse to the location of the recently uploaded banner 5. Select the banner of choice. HINT: A new feature of Cascade may remember and offer the most recently upload image file as a choice instead of needing to browse for the file. 6. Select Submit. 7. Publish the widget.

4 GLOBAL WIDGET (cont.) ADDING ADDITIONAL RESOURCES, SOCIAL MEDIA or QUICK LINKS Create Additional Resources Links 1. Select the widget file within the root Content folder and select Edit. NOTE: If a widget file is not located within the content folder, please contact the webmaster@cofc.edu or mailto:stoudenmirel@cofc.edu. 2. Locate Lower Widgets >> Additional Resources >> Links section. 3. Enter URL of desired link. 4. Enter Title for desired link. 5. To add additional links, select the [+] symbol. 6. To sort order of networks entries, select the up or down arrows within each entry.

5 GLOBAL WIDGET (cont.) Create Social Media Links 1. Select the widget file within the root Content folder and select Edit. NOTE: If a widget file is not located within the content folder, please contact the webmaster@cofc.edu or mailto:stoudenmirel@cofc.edu. 2. Locate Lower Widgets >> Social >> Profile section. 3. Enter URL of social media network 4. Select Type (Facebook, Twitter, etc.) of social media network 5. To add additional social media networks, select the [+] symbol. 6. To sort order of networks entries, select the up or down arrows within each entry.

6 Create Quick Links 1. Select the widget file within the root Content folder and select Edit. NOTE: If a widget file is not located within the content folder, please contact the webmaster@cofc.edu or mailto:stoudenmirel@cofc.edu. 2. Locate Lower Widgets >> Quick Links >> Links section. 3. Enter URL of desired link. 4. Enter Title for desired link. 5. To add additional links, select the [+] symbol. 6. To sort order of networks entries, select the up or down arrows within each entry. Please note: Additional Resources, Social Media Links, and Quick Links defined on the individual pages will overwrite a global widget setting.

7 INDIVIDUAL PAGE WIDGET LINKS Used to promote links across individual pages of a website. Please note: Additional Resources, Social Media Links, and Quick Links defined on the individual pages will overwrite a global widget setting. Three column widgets have been added to the individual page templates to provide additional hyperlinks to supporting websites or pages. Links should be limited to five to seven items. The columns are grouped into three categories: 1. Additional Resources For supporting links that may assist the user with additional information regarding the page subject. 2. Social Media For promotion of social media channels associated with the individual entity. 3. Quick Links Additional links that may be of interest to the user. May contain shortcuts to other pages within the division, office, department or program website.

8 INDIVIDUAL PAGE WIDGET LINKS (cont.) Create Additional Resources links on individual pages 1. Edit page of choice. 2. Locate Bottom Widgets 3. Select YES to enable individual page links. 4. Select YES to enable Additional Resources links. 5. Locate Bottom Widgets >> Links section. 6. Enter URL of desired link. 7. Enter title for link. 8. To add additional links, select the [+] symbol. 9. To sort order of link entries, select the up or down arrows within each entry.

9 INDIVIDUAL PAGE WIDGET LINKS (cont.) Create Social Media links on individual pages 1. Edit page of choice. 2. Locate Bottom Widgets 3. Select YES (if not previously selected) to enable individual page links. 4. Locate Bottom Widgets >> Social >> Profile section. 5. Select YES to enable Social Media links. 6. Enter URL of social media network 7. Select Type (Facebook, Twitter, etc.) of social media network 8. To add additional social media networks, select the [+] symbol. 9. To sort order of networks entries, select the up or down arrows within each entry.

10 INDIVIDUAL PAGE WIDGET LINKS (cont.) Create Quick Links links on individual pages 1. Edit page of choice. 2. Locate Bottom Widgets 3. Select YES (if not previously selected) to enable individual page links. 4. Locate Bottom Widgets >> Links >> Link section. 5. Select YES to enable Quick Links. 6. Enter URL of desired link. 7. Enter title for link. 8. To add additional links, select the [+] symbol. 9. To sort order of link entries, select the up or down arrows within each entry.

11 DEPARTMENT PAGE DEFINITIONS Define a feed on the department page Three options have been added to the department template page allowing the web maintainer to add a YouTube video, News feed and Active Calendar feed. NOTE: This feature is only available on the department template page. Add a YouTube video: 1. Visit the YouTube video page. 2. Select the Share option. 3. Select Embed 4. Copy the YouTube code provided. 5. Insert the code into the Featured Video>Embed Code text box on the main index page of your site. NOTE: If this option is not available, please contact the webmaster@cofc.edu or stoudenmirel@cofc.edu.

12 DEPARTMENT PAGE DEFINITIONS (cont.) Add News feed 1. Obtain RSS Feed address from source. Steps to obtain feed address: If providing feed from departmental blog, use the blog URL and add /feed/ to the end of the URL. For example the URL for the School of the Arts blog is blogs.cofc.edu/sota/. The RSS Feed address for the School of the Arts blog is 2. Enter title into the Feed >Title field. For example, if departmental news, enter Departmental News. 3. Enter RSS Feed Address into the Feed>URL field. Add an Active Calendar feed 1. Obtain feed address from web master. 2. Enter title into the Feed >Title field. For example, enter Calendar of Events. 3. Enter the feed address into the Event Feed URL Field.