OU Campus v10 Content Providers’ User Guide€¦ · Content Providers’ User Guide . This document is designed to provide (level 5) Content Providers with basic information needed

OU Campus v10 Users Guide Page 1 of 20 Revised: March 7, 2017

OU Campus v10 Content Providers’ User Guide This document is designed to provide (level 5) Content Providers with basic information needed to do most tasks. Those needing additional information are encouraged to use OU Campus’s online help.

Contents Contents ........................................................................................................................................................ 1

What is OU Campus? .................................................................................................................................... 2

Log into OU Campus ..................................................................................................................................... 2

OU Campus Interface .................................................................................................................................... 3

Locate a Page ................................................................................................................................................ 3

Switch Servers ........................................................................................................................................... 3

File Navigation .......................................................................................................................................... 4

Pages List View .......................................................................................................................................... 5

Breadcrumbs ............................................................................................................................................. 5

Page Actions Toolbar .................................................................................................................................... 6

Page Actions Toolbar Options ................................................................................................................... 6

Edit Page Elements........................................................................................................................................ 7

Edit Content Regions ................................................................................................................................. 7

Edit the Page Title ..................................................................................................................................... 8

Edit Section-Wide Sidebar Content .......................................................................................................... 8

Hide/Display Elements .............................................................................................................................. 9

Remove Page-Specific Sidebar Content .................................................................................................... 9

Check-Out/Check-In Concept ...................................................................................................................... 10

Check-Out ............................................................................................................................................... 10

Check-In .................................................................................................................................................. 10

Publish ......................................................................................................................................................... 10

Add a New Page .......................................................................................................................................... 12

Edit Page Properties .................................................................................................................................... 14

Editing Tools ................................................................................................................................................ 15

Hyperlinks ................................................................................................................................................... 16

Add Hyperlinks ........................................................................................................................................ 16

https://cuestacollege-my.sharepoint.com/personal/slanders_cuesta_edu/Documents/Cuesta/Training/OU%20Campus/OU_Campus_v10_User_Guide.docx#_Toc476641007

https://cuestacollege-my.sharepoint.com/personal/slanders_cuesta_edu/Documents/Cuesta/Training/OU%20Campus/OU_Campus_v10_User_Guide.docx#_Toc476641018


Edit Hyperlinks ........................................................................................................................................ 16

Remove Hyperlinks ................................................................................................................................. 16

Add a Table ................................................................................................................................................. 17

Add Images.................................................................................................................................................. 18

Snippets....................................................................................................................................................... 19

Add Snippets ........................................................................................................................................... 19

Delete Snippets ....................................................................................................................................... 19

ADA 508 Compliance................................................................................................................................... 20

Upload Documents ..................................................................................................................................... 20

Customize Links Bar (_nav.inc) ................................................................................................................... 20

Help ............................................................................................................................................................. 20

What is OU Campus? OU Campus is Cuesta College’s content management system (CMS). OU Campus is used to create and manage the look, feel, and information contained on the Cuesta website.

There are two servers, the Cuesta (“Production”) server and the OU (“Staging”) server. The staging server houses the pages to be edited, keeping copies of previous versions. The production server is where published web pages reside. The public only views pages on the production server.

Log into OU Campus 1. Go to the homepage, www.cuesta.edu. 2. Navigate to a page over which you have jurisdiction. 3. Click on the copyright date at the bottom left of the page.

4. Enter your OU Campus username and password, and then click the Login button. Note: OU Campus username and password are case-sensitive and must be entered exactly as issued.

http://www.cuesta.edu/


OU Campus Interface

Locate a Page Once logged in, navigate to the desired page by using one of these two (2) methods:

• File Navigation • Pages List View

NOTE: While it is possible to browse by page as you would on any site (clicking on hyperlinks), this method is not recommended. In addition to sometimes causing “404 – Page Not Found” errors, this method overlooks skills required for linking, adding images and uploading documents.

Global Navigation

File Navigation

Main Content

Page Actions

Switch Servers Cuesta’s original website is called “CuestaProd”. Cuesta’s new website is called “www”. You can switch between these two by clicking the dropdown located in the upper-right of the screen.


File Navigation 1. Click the Show File Navigation button at the top-left of the screen.

The site listing will appear, displaying directories, documents, and pages.

2. Navigate to the desired directory/folder: • Click on a folder name (not icon) to open that directory.

• Click the triangle to the left of a folder to expand or collapse the contents of that directory.

• Click on a folder name in the Breadcrumbs (top of File Navigation) to view that folder’s contents.

3. Click the name of the file (not the icon) to open that page.

NOTE: You can close the File Navigation pane by clicking the Hide File

Navigation button.

Icons

- Folder

- Web page file

- Other web file


Pages List View 1. Click Content > Pages.

2. Navigate to the desired directory/folder: • Click on a folder name (not the icon) to open and display the contents of that folder.

• Click on a folder name in the Breadcrumbs to open and view that folder’s contents. 3. Click the name of the file (not the icon) to open that page.

Breadcrumbs The Breadcrumbs appear at the top of the File Navigation and the Pages List view.

The Breadcrumbs serve several functions:

• Location – The Breadcrumbs indicate what folder you are currently in/viewing, displayed as the right-most (or bottom-most) entry.

• Folder Structure – The Breadcrumbs indicate the hierarchical relationship of the current folder to the “parent” (upper-level) folders.

• Navigation – You may use the Breadcrumbs to navigate back to an upper-level folder simply by clicking on the folder name to the left of (or above) the current location name. NOTE: Clicking on

the “house” icon will display the top (or “root”) level folder.


Page Actions Toolbar When a webpage file is selected and open, a Page Actions toolbar appears above it.

Page Actions Toolbar Options

• Preview– View the entire page as the user will see it • Edit – Enter Edit mode, permitting editing selections of a page • Properties – View and edit the page properties, access properties and other information • Versions – View and revert to a previously saved version.

NOTE: The page file must be checked out before this option is accessible.

Check Out

Page Check

Save Version

Check In

Publish Help

• Check Out – Checks the page file out, preventing others from accessing it. • Page Check – Scan page for spelling, link, W3C validation, and accessibility issues. • Save Version – Create backup of page file at its current state. • Check In – Checks the page file in, allowing others to access it. • Publish – Publishes page file, copying from the staging (OU) server to the presentation (Cuesta)

server. • Help – Displays context-sensitive help.


Edit Page Elements Each page in OU Campus has various elements, most of which can be edited.

Edit Content Regions 1. Navigate to and select the desired page.

2. Click the Edit button on the Page Actions toolbar. 3. Click the desired section’s Edit button:

The WYSIWYG (“What You See Is What You Get”) editor will open for that section.

4. Make changes by typing into the page or pasting copied text. Format as desired. (For additional information see “Editing Tools” and “Pasting Copied Text” below.)

Grey Box

Lead-in Content

Main Content

Title

Links from _nav.inc

News & Events Elements

Section-Wide Sidebar Content

Page-Specific Sidebar Content

Tip: To delete a table, right-click on the table and select Delete Table from the shortcut menu.


5. If desired add, edit or remove hyperlinks. (For additional information see “Adding Hyperlinks” below.)

6. If desired add or modify images. (For additional information see “Adding Images” below.)

7. Click the Save and Exit button. Note: If you wish to save and continue working, press [Ctrl]-[S] (or [Command]-[S] for Mac)

A preview of the new page will appear with Page Actions toolbar above.

8. When ready, publish the page. (See “Publish” below.)

Edit the Page Title 1. Navigate to and select the desired page.

2. Click the Check Out button on the Page Actions toolbar.

The button will turn yellow.

3. Click the Properties button.

4. Click < > Parameters on the left. The Page Parameters screen will display.

5. Modify the contents of the Page Heading field (under “Custom Settings”).

6. Click the Save button at the bottom. 7. When ready, publish the page.

(See “Publish” below.)

Edit Section-Wide Sidebar Content 1. Navigate to and selecte _sidebar.pcf in the folder containing your webpages.

The banner and sidebar will display.

2. Click the Edit button on the Page Actions toolbar. 3. Click the Section-Wide Sidebar Content button

, just above the section. 4. Make the desired changes.

5. Click the Save and Exit button. 6. When ready, publish the page.



Hide/Display Elements You can display or hide the following elements:

Grey Box News Events Editable Region (a.k.a. “Section-Wide

Sidebar Content”)

1. Navigate to and select the desired page.





5. Select or deselect the appropriate checkbox to reveal or hide (respectively) that element.

6. Click the Save button at the bottom. 7. When ready, publish the page.


Remove Page-Specific Sidebar Content (Green Box on the Left)

1. Click Edit on the Global Navigation bar.

2. Click Page-Specific Sidebar Content. 3. Right-click on the element and select Delete Table from the

shortcut menu.


Check-Out/Check-In Concept OU Campus uses a check-out/check-in system to limit file access to one person at a time.

Check-Out When a file is checked out, no other users with different OU Canvas accounts may edit the file.

Check out occurs when clicking either:

• The Edit button

• The Check-out button

Check-In When a file is checked in, it is available to any other user with the proper OU permissions.

Check in occurs when either:

• The Check-In button is clicked • The page file is successfully published. (See “Publish” below.)

Publish Changes or additions will not appear on the Cuesta website until they have been saved and published. Publishing copies the saved page file to the Production (Cuesta) server. After saving a page, there are several publishing options:

• Publish – Immediately publish your changes. • Schedule – Schedule the saved page to go live at a later time. • Expire – Schedule the page to be replaced by another page at a later time. • Submit for Approval – Not used at this time.

Publish Schedule Expire

1. Click Publish. The “Publish” dialog (“Final Check” tab) will appear.

1. Click the down arrow to the

right of the Publish button.

1. Click the down arrow to the

right of the Publish button.


Publish Schedule Expire

2. Recommended: Type a brief description of changes made in the “Version Description” field.

2. Select Schedule from the drop down list. The Publish dialog (“Schedule” tab) will appear.

2. Select Expire from the drop down list. The Publish dialog (“Schedule” tab) will appear.

3. Click the Publish button.

Your changes will appear almost immediately.

3. Complete the form: a. Select Date and Time

to be published. b. Optional: Set “Repeat

every” parameters. c. Optional notification:

Enter Subject, Message contents and check “Send Copy to Email”.

3. Complete the form: a. Select Date and Time to

be replaced. b. Click the “…choose a

file” button. c. Locate and select the

replacement file. d. Optional notification:

Enter recipient (To), Subject, Message contents and check “Send Copy to Email”.

4. Click the Schedule button. A confirmation screen will appear.

At the selected date/time, your changes will appear and (optionally) an e-mail confirmation will be sent.

4. Click the Schedule button. A confirmation will appear at the bottom of the screen.

At the selected date/time, your changes will appear and (optionally) an e-mail confirmation will be sent.


Add a New Page 1. Click Content on the Global Navigation bar. 2. Navigate to the folder in which you want the new page to reside.

3. Click the New button in the upper-right. A small selection of templates will be displayed.

4. Click the Interior Page* button.

A form will appear. Lana will see about replacing tags w/keywords. Need new screen capture.

Appears in the Headline just above the page content.

Improves search engines finding and displaying info about your page.

Confirms page is added to “Links”

Filename must contain numbers, letters and underscores only!

Do NOT use spaces or punctuation.


5. Complete the form. Note: Explanatory descriptions appear under each field.

6. Click the Create button. A confirmation will briefly show at the bottom of the screen…

…and the new page will appear in the main content area.

7. If necessary click the Edit button

on the Page Actions toolbar.

8. Click a section’s Edit button:

9. Make the desired changes.

(For additional information see “Edit Content Regions” above or “Editing Tools” below.)

10. Click the Save and Exit button. 11. When ready, publish the page.

(See “Publish” above.)

*Note: In addition to the “Interior Page” template, there are other landing pages (templates) available for use. However, these alternate pages require additional preparatory steps. Contact Marketing for more information and assistance.


Edit Page Properties After you have created a page, you can go back and change the properties of that page, including title, description, keywords, layout, and more. You can also add or remove elements on the page (i.e. featured image, Grey Box, News, Events, Editable Region).

1. Navigate to and selected the desired page.





5. Make the desired changes: • Add or change the “Title and

Metadata”. • Change the Page Heading if you

want it to be different than the Title.

• Change the Featured Image by

pasting the image path received from Marketing and updating the Featured Image Description.

• Remove Featured Image by clicking Clear.

• Remove (or add) elements by

deselecting (or selecting) the appropriate checkbox.

6. Click the Save button at the bottom. A confirmation will briefly show at the bottom of the screen.

7. When ready, publish the page. (See “Publish” above.)


Editing Tools

Select Text • Click and drag the mouse across the text to highlight. • Double-click to highlight a particular word or triple-click to highlight an entire line. • Selected text can be dragged to other places within the editable region.

Apply Formatting

• Lists : Unordered (bulleted) and Ordered (numbered) o Start a new list by clicking the button and then typing, pressing [Enter] at the end of

each item. Click the button again to turn off. o Apply to existing text by selecting the text and clicking the appropriate button. o Remove list formatting by selecting an existing list and clicking the appropriate button.

• Indentation : A nested list

• Basic Font Properties : Select text and then click the appropriate button to add bold, italic, underline, and strikethrough

• Superscript and Subscript : Select text and then click button to apply

• Text Alignment : Left-justified, centered, right-justified, and full-width justified • Format: Apply standard formatting to selected text.

Note: Paragraph is most common.

Special Characters

• Horizontal Rule : A horizontal line to separate sections of a page

• Character Symbols : Inserts non-standard characters 1. Position the insertion point, and then click the button.

A table of special characters will appear. 2. Click on the desired character.

Correct

• Spellchecker : Check spelling on the current page

• Find/Replace : Find and/or replace all occurrences of a string of text on the current page.

Save

• Save and Exit : Save and leave document

• Exit Without Saving : Undoes all changes, reverting back to the last saved document

Pasting Copied Text

• Cut : Deletes a selection, placing a copy in memory

• Copy : Copies a selection to memory, leaving the original

• Paste : Pastes copied or cut text from memory • Paste as Plain Text : When copied from Word or a webpage, click the button and then paste.


Hyperlinks

Add Hyperlinks 1. In Edit mode, highlight the text to which you wish to add the hyperlink.

2. Click the Hyperlink button in the toolbar. The Insert Link modal will appear.

3. Perform one of the following:

To link to internal pages (pages within Cuesta’s site)

To link to external pages (non-Cuesta pages)

a) Click the Browse button to the right of the Link URL field. A browse dialog will appear.

b) Browse to the appropriate page and click on it.

c) Click the Insert button at the bottom of the window.

a) Type (or paste) the address of the page you wish to link to in the URL field.

b) Change Target to “New Window”.

4. Optional: Enter a title in the Title field. Title field will display when a user positions the mouse over the link without clicking, and can be used to describe the link.

5. Click the OK button. The hyperlink will be entered and the editor screen will reappear.

Edit Hyperlinks 1. Click anywhere in the hyperlinked text.

2. Click the Hyperlink button . The Insert Link modal will appear.

3. Make the desired changes and then click the OK button.

Remove Hyperlinks 1. Click anywhere in the hyperlinked text.

2. Click the Remove Link button .


Add a Table 1. In Edit mode, position the insertion point where you wish to place your table

2. Click the Insert a new Table button. A dropdown menu will appear.

3. Click Insert Table. A side table tool will appear.

4. “Draw” the structure (columns and rows) of the table by pointing at the desired range of cells on the table tool and then clicking the mouse button.

A compressed table will appear at the insertion point.

5. Click the Insert a New Table button again and select Table Properties from the dropdown menu. The Table Properties modal will appear.

6. Enter desired parameters.

7. Click the OK button. The modified table will be displayed.

8. Position the pointer in the desired cell: o Use the arrow keys to move. o Hold the [Ctrl] key and press the up/down arrow to move to the next/previous cell.

9. Enter text or an image in a cell.

For more information, select Help and search on “Tables”.


Add Images 1. In Edit mode, position the cursor where you wish to place the image.

2. Click the Insert/Edit Image button on the toolbar. The Insert/Edit Image modal will appear.

3. Click the Browse button . The Select Image modal will appear.

4. If necessary, navigate to the Images folder.

5. Click the image’s filename.

6. Click the Insert button . The Insert/Edit Image dialog will reappear.

7. Enter a description in the Description field. This is mandatory! (See “ADA 508 Compliance” near the end of this document.)

8. Optional: Enter text in the Tooltip field. 9. Optional: Click the Appearance tab and change

the Alignment to either “Left” or “Right” to wrap text around the image.

10. Click the OK button. The image will appear at the insertion point position.

To delete, select the image (click on it) and then press the [Delete] key on your keyboard.


Snippets A Snippet is preformatted code that performs certain functions (e.g. displays alternating images) or simplifies page modification (e.g. pre-built tables). Snippets can be added to most webpages in OU Campus, though, due to their design, not all Snippets can fit in all page locations.

Add Snippets 1. While in Edit mode, position the cursor where you wish to place the Snippet.

Important: Make sure the cursor is on a clear line with no other text or objects.

2. Click the Insert Snippet button on the toolbar. The Choose Snippet modal will appear.

3. Locate and click once on the desired Snippet from the list on the left. A preview of the Snippet will appear in the preview pane on the right.

4. Click the Insert button.

The Snippet will appear at the insertion point position.

Delete Snippets 1. While in Edit mode, select the entire Snippet by clicking and completely dragging over it.

The entire Snippet should be highlighted. 2. Press the [Delete] key on your keyboard.

The Snippet should disappear. NOTE: Some Snippets are tables which can be easily removed by (1) right-clicking on the Snippet and (2) selecting Delete Table from the shortcut menu.


ADA 508 Compliance The design of all templates for your new web site are ADA Section 508 compliant, providing alternate access to visual and audible information. You can maintain this compliance in the pages you create by following these guidelines:

• Images require ‘ALT’ tags (alternate descriptions). When you add an image to your web page, briefly describe that image or graphic, placing that information in the Image Description field.

• Audio and video require text transcriptions of any dialogue. • Compliance does not require that the alternate access be via a web page, but must be readily

and easily available if you choose an alternate method. Describe how/where to get the alternative form(s) of the primary information on the page.

• Do not use colored text. • Only use tables for tabular data (i.e. spreadsheets). Label both columns and rows of each table.

(Generally, avoid using tables whenever possible.)

Upload Documents You can upload documents (preferably PDFs) to OU Campus and then link to those documents from your webpage. For more information about uploading documents:

http://www.cuesta.edu/departments/documents/training_docs/Upload_Documents_in_OU_Campus.pdf

Customize Links Bar (_nav.inc) The Links bar is a vertical area on the upper-left of each page allowing easy navigation to other related pages (i.e. pages within the same folder). For information on editing the Links bar:

http://www.cuesta.edu/departments/documents/training_docs/Link_bar_OU_Campus.pdf

Help There are multiple places in OU Campus from which to get help:

• Toolbar Help – Click the Help icon to view help specific to your current task.

• General Help – Click the Help link at the upper-right of the screen to view links to OU Campus documentation and tutorials.

http://www.cuesta.edu/departments/documents/training_docs/Upload_Documents_in_OU_Campus.pdf

http://www.cuesta.edu/departments/documents/training_docs/Link_bar_OU_Campus.pdf