Facebook pixel OU Campus for the Schools and University Websites | Pepperdine University | Pepperdine Community

OU Campus for the Schools and University Websites

General OU Instructions

  1. Logging On/Off
  2. Creating Pages, Files, and Folders
  3. Editing Existing Pages
  4. Working with Tables
  5. Working with Snippets
  6. Working with Assets
  7. Working with Widgets
    1. Call to Action (button) Widget
    2. Connect with Us Widget
    3. Gallery Widget
    4. iFrame Widget
    5. Image Widget
    6. RSS Widget
    7. Tab Widget
    8. Text Widget
    9. Toggle Widget
    10. Video Widget
  8. Appendix and the Toolbar

 

Logging On/Off

How to Log On to OU Campus

  1. Open up a web browser (preferably Mozilla Firefox, but not Internet Explorer).
  2. Navigate to an area of your website.
  3. Click on the copyright symbol toward the bottom of the web page. This will direct you to the Pepperdine Central Authentication Service (CAS) login screen.
  4. Type in your network ID in the NetworkID field.
  5. Type in your password in the Password field.
  6. Click the Login button.

How to Log Off of OU Campus

  1. Hover over your User name in the upper right corner.
  2. Click Logout.
  3. Close the web browser.

^ Back to Top

Creating Pages, Files, and Folders

How to Create a Standard Page

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Navigate to the folder where the new web page will go.
  4. Click the New button.
  5. Click the Standard Page template.
  6. Select the page type from the drop-down: One Column or Two Columns.
  7. Type a title of the web page in the Content Title field.
  8. Uncheck the Display Content Title only if you do not want it to appear.
  9. Enter a description of the web page in the Description field in a sentence format.
    Note: This is used for search engines and social media applications.
  10. Check the Enable https Redirect if you need the page to always go over https.
  11. Uncheck the Display Side Navigation if you do not want a side navigation or breadcrumbs to display on the page.
    Note: The default is to show the side navigation and it is highly recommended to leave it on.
  12. Optional: Check the Display Connect with Us and enter a path for the widget to show your chosen social media icons.
    Note: This will display toward the upper right on desktop and tablets and near the top on smaller mobile devices.
  13. Optional: Enable the Impact Widget by selecting an impact widget type from the drop-down and selecting the path to the impact widget.
    Note: This will display directly below the main navigation.
  14. Optional: Check the Display Side Anchors to produce a button that contains all of the anchors in order within the main content areas.
    Note: It will not display anchors within widgets.
  15. Optional and currently not functioning: Check to Display Side Chat.
  16. Optional: Display Side Social Share to produce a button that contains a list of common social media.
  17. Optional: Combine widgets 1.1 - 1.4 into a right column by checking the Widget Column checkbox. You may create a column title and select the size of the title, a link to the title and the size of the column.
  18. Optional: Turn any group of widgets 1.1 - 1.4, 2.1 - 2.4, or 3.1 - 3.4 into a row of widgets by checking the Widget Row checkbox. You may create a row title and select the size of the title, and a link to the title.
  19. Optional: Turn on any widget by selecting the type of widget from the drop-down, providing the path to the widget, selecting the size and position of the widget, and choosing whether to have a border on the widget.
    Note: The widget must already exist and be published.
  20. Optional: Turn on or off Main Content Sections 1, 2, 3 or side. The default is to display Main Content Section 1 and hide 2, 3 and side.
  21. Type a file name in the Filename field.
    Note: File names should be all lowercase letters, numbers or hyphens. Do not add an extension.
  22. Click the Create button.
  23. Select the Edit button above the preview window.
  24. See Basic Steps to Edit Content.
  25. See Basic Steps to Publish Content.

How to Create a New Section with a Standard Page

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Navigate to the folder where the new web page will go.
  4. Click the New button.
  5. Click the New Section & Page template.
  6. Enter a Directory Name for the folder.
    Note: This can only contain lowercase letters, numbers and hyphens.
  7. Enter a Friendly Name for the section breadcrumb.
    Note: This should be proper title case.
  8. Complete the remain steps from How to Create a Standard Page beginning at step 6.

How to Create a Marketing Page

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Marketing Page template.
  5. Type a title of the web page in the Content Title field.
  6. Uncheck the Display Content Title only if you do not want it to appear.
  7. Enter a description of the web page in the Description field in a sentence format.
    Note: This is used for search engines and social media applications.
  8. Check the Enable https Redirect if you need the page to always go over https.
  9. Select the type of Share option. The default is to display the Share feature on the top and bottom of the content.
  10. Optional: Check the Display Connect with Us and enter a path for the widget to show your chosen social media icons.
    Note: This will display toward the upper right on desktop and tablets and near the top on smaller mobile devices.
  11. Optional: Enable the Impact Widget by selecting an impact widget type from the drop-down and selecting the path to the impact widget.
    Note: This will display directly below the main navigation.
  12. Optional: Check the Display Side Anchors to produce a button that contains all of the anchors in order within the main content areas.
    Note: It will not display anchors within widgets.
  13. Optional: Display Side Social Share to produce a button that contains a list of common social media.
  14. Optional: Combine widgets 1.1 - 1.4 into a right column by checking the Widget Column checkbox. You may create a column title and select the size of the title, a link to the title and the size of the column.
  15. Optional: Turn any group of widgets 1.1 - 1.4, 2.1 - 2.4, or 3.1 - 3.4 into a row of widgets by checking the Widget Row checkbox. You may create a row title and select the size of the title, and a link to the title.
  16. Optional: Turn on any widget by selecting the type of widget from the drop-down, providing the path to the widget, selecting the size and position of the widget, and choosing whether to have a border on the widget.
    Note: The widget must already exist and be published.
  17. Optional: Turn on or off Main Content Sections 1, 2 or 3. The default is to display Main Content Section 1 and hide 2 and 3.
  18. Type a file name in the Filename field.
    Note: File names should be all lowercase letters, numbers or hyphens. Do not add an extension.
  19. Click the Create button.
  20. Select the Edit button above the preview window.
  21. See Basic Steps to Edit Content.
  22. Sss Basic Steps to Publish Content.

How to Create an Overlay Page

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Overlay Page template.
  5. Type a title of the web page in the Content Title field.
  6. Uncheck the Display Content Title only if you do not want it to appear.
  7. Enter a description of the web page in the Description field in a sentence format.
    Note: This is used for search engines and social media applications.
  8. Check the Enable https Redirect if you need the page to always go over https.
  9. Select the type of Share option. The default is to display the Share feature on the top and bottom of the content.
  10. Optional: Check the Display Connect with Us and enter a path for the widget to show your chosen social media icons.
    Note: This will display toward the upper right on desktop and tablets and near the top on smaller mobile devices.
  11. Optional: Enable the Impact Widget by selecting an impact widget type from the drop-down and selecting the path to the impact widget.
    Note: This will display directly below the main navigation.
  12. Optional: Check the Display Side Anchors to produce a button that contains all of the anchors in order within the main content areas.
    Note: It will not display anchors within widgets.
  13. Optional: Display Side Social Share to produce a button that contains a list of common social media.
  14. Optional: Combine widgets 1.1 - 1.4 into a right column by checking the Widget Column checkbox. You may create a column title and select the size of the title, a link to the title and the size of the column.
  15. Optional: Turn any group of widgets 1.1 - 1.4, 2.1 - 2.4, or 3.1 - 3.4 into a row of widgets by checking the Widget Row checkbox. You may create a row title and select the size of the title, and a link to the title.
  16. Optional: Turn on any widget by selecting the type of widget from the drop-down, providing the path to the widget, selecting the size and position of the widget, and choosing whether to have a border on the widget.
    Note: The widget must already exist and be published.
  17. Optional: Turn on or off Main Content Sections 1, 2 or 3. The default is to display Main Content Section 1 and hide 2 and 3.
  18. Type a file name in the Filename field.
    Note: File names should be all lowercase letters, numbers or hyphens. Do not add an extension.
  19. Click the Create button.
  20. Select the Edit button above the preview window.
  21. See Basic Steps to Edit Content.
  22. See Basic Steps to Publish Content.

How to Create a New Folder

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Navigate to the folder where the new web folder will go.
  4. Click the New button.
  5. Click the Create New Folder button.
  6. Enter a folder name.
    Note: The folder name may only include lowercase letters, numbers, or hyphens.
  7. Click the Create button.

How to Edit the Properties of a Web Page

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Navigate to the folder where the existing web page is.
  4. Click the Light Bulb button.
    Note: A clear light bulb means that the file may be checked out. A yellow light bulb means that you have the file checked out. A red lock means that someone else has the file checked out.
  5. Hover over the Edit area.
  6. Select Properties.
  7. Make the desired edits to the properties.
    Note: The properties are where items such as widgets, descriptions and the content title may be changed.
  8. Click the Save button at the bottom.
  9. See Basic Steps to Publish Content.

How to Upload Files

  1. Drag and drop your content to the desired folder.
    Note: All content may only include lowercase letters, numbers, hyphens or periods, and the content must be placed within an appropriate folder.
  2. Publish the newly uploaded files.

OR

  1. Click the Content tab.
  2. Navigate to the destination directory.
  3. Click the Upload button.
  4. Select a group that will have permission to edit the uploaded files.
  5. If the files being uploaded will overwrite existing files the Overwrite checkbox must be checked.
  6. Click the Browse button.
  7. Select the file or files that are to be uploaded.
    Note: All content may only include lowercase letters, numbers, hyphens or periods, and the content must be placed within an appropriate folder.
  8. Click the Upload button.
  9. Publish the newly uploaded files.

^ Back to Top

Editing Existing Pages

Basic Steps to Edit Content

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Select the area of the page you wish to edit.
  3. Begin editing the page by typing on the screen, by using the toolbar buttons, and/or by inserting snippets.
  4. Click the Save icon when you are done editing.

Basic Steps to Publish Content

Do one of the following:

  1. Publish:
    1. If you have permissions, you may click the green Publish Now button to send your page to the production server.
    2. Optional: Fill in a quick message about what has changed.
    3. Click the gray Publish button.
  2. Send to User:
    1. Click the Send to User button for someone else to publish the page.
    2. Select the user you wish to send the file to from the To drop-down field.
    3. Type a subject and message in the appropriate text fields.
    4. Make sure the Send to Email box is checked.
    5. Click the Send button.
  3. Schedule:
    1. Click the Schedule button to automatically schedule your page to be published on the selected date and time.
    2. Click the date on the Calendar on which you would like the page to be published.
    3. Choose the hour and minute from the drop-down boxes.
    4. Optional: Choose to send yourself a notification e-mail that the file has been published.
    5. Type a subject and message in the appropriate fields.
    6. Make sure the Send to Email box is checked.
    7. Click the Schedule button.

How to Edit the Content Title

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Check-out the file by clicking on the clear light bulb.
  4. Hover over Edit and select Properties.
  5. Edit the text in the Content Title area.
  6. Click the Save button at the bottom of the page when you are done editing.
  7. See Basic Steps to Publish Content.

How to Apply Bold or Italics

  1. Select the word, phrase, sentence, or paragraph to which you want to apply bold or italics.
    Note: This works best when selecting from back to front.
  2. Click the Bold or Italics button on the toolbar or use the shortcut keyboard commands.

To Apply Ordered (Numbered) or Unordered (Bulleted) Lists

  1. Create the items you wish to be placed in a list. These should be separated by paragraphs.
  2. Select the items to be ordered or unordered.
    Note: This works best when selecting from back to front.
  3. Click the Insert/Remove Numbered List button for producing an ordered/numbered list of items or the Insert/Remove Bulleted List button for an unordered/bulleted list of items on the toolbar.

How to Insert a Hyperlink (URL)

  1. Select the text (or image) to link.
    Note: This works best when selecting from back to front.
  2. Click the Insert/Edit Link button on the toolbar.
  3. In the Link URL field, either type the full URL (including http:// or https://) or click the Browse button next to the Link URL field to navigate to an existing URL within your site.
  4. Click the Insert button.

How to Insert an E-mail Link

  1. Select the text to link.
    Note: This works best when selecting from back to front.
  2. Click the Create or Modify a Mailto Link button on the toolbar.
  3. Type the e-mail address in the Recipient Email field.
  4. Type the subject, if applicable, in the Mail Subject field.
  5. Click the Insert button.

How to Remove a Hyperlink (URL) or an E-mail Link

  1. Select the entire link to be removed.
  2. Click the Unlink button on the toolbar.

How to Insert an Anchor (a.k.a. Bookmark) [CHECK ITEM #3's NOTE AS IT MAY NEED TO CHANGE]

  1. Place the cursor in front of the text to be anchored.
  2. Click the Insert/Edit Anchor button on the toolbar.
  3. Type in an anchor name.
    Note: The anchor name should be all lower case with no spaces.
  4. Click the Insert button.

How to Link to an Anchor (within the same editable content area only)

  1. Select the text to link.
  2. Click the Insert/Edit Link button on the toolbar.
  3. Click the drop-down list within the Anchors field and select the anchor name.
  4. Click the Insert button.

How to Apply a Heading Level

  1. Select the paragraph.
  2. From the Format drop-down menu, this usually shows the word Paragraph, select:
    • Heading 1 is for the content title. This should be the largest font size on the page.
      Note: This should only exist once on a page.
    • Heading 2 is for the sub-section title and may appear multiple times on a page.
    • Heading 3 is often used for creating categories on a page.
    • Heading 4 is used as sub-categories.
    • Heading 5 is used as sub-categories.
    • Heading 6 is used as sub-categories.

How to Remove a Heading Level

  1. Select the entire heading.
  2. From the Format drop-down menu, this now shows Heading Level, select Paragraph.

How to Apply a Smaller or Larger Font to a Word, Phrase or Paragraph

  1. Select the word, phrase or paragraph to which you want to apply a smaller or larger font.
    Note: This works best when selecting from back to front.
  2. From the Styles drop-down menu, select Text Size Small, Text Size Smaller, Text Size Smallest, Text Size Large, Text Size Larger or Text Size Largest.

How to Align Text

  1. Select the entire paragraph.
  2. Select the specific alignment button (left, center, right or justified) from the toolbar.
    Note: For consistency, nearly all text should be left aligned.

How to Apply a Red Font Color to a Word, Phrase or Paragraph

  1. Select the word, phrase or paragraph to which you want to apply the red text color.
    Note: This works best when selecting from back to front.
  2. From the Styles drop-down menu, select Red Text.

How to Remove a Style from a Word, Phrase or Paragraph

  1. Select the word, phrase or paragraph.
  2. Click the Remove Formatting button on the toolbar or select Styles from the Styles heading.

How to Insert an Image

  1. Before beginning, make sure that the image has been sized appropriately for the page by a photo editing software, such as in Adobe Photoshop or ImageReady. (see Appendix: Optimizing Images)
  2. Create a paragraph where the image is to be inserted.
  3. Press the Up Arrow key.
  4. From the Styles drop-down menu, select one of the appropriate image styles (Image left, right or center and with or without borders). The cursor will move to where the image will be placed.
  5. Click the Insert/Edit Image button on the toolbar.
  6. Click the Browse button next to the Image URL field.
  7. Select the image to be inserted or click the Upload Image button to upload a local image.
  8. Click the Select File button.
  9. Type some appropriate text in the Image Description field for Section 508 compliance. This is a required field.
    Note: Do not apply any horizontal spacing, vertical spacing, alignment, border, or styles.
  10. Click the Insert button.
  11. Optional: Type in text for a caption for the picture. Use a line break to make the text wrap properly.
    Note: Do not apply any additional styles to the caption.

How to Modify an Existing Image

  1. Click once on the image.
  2. Press the left cursor key to place the cursor to the left of the image.
  3. Hold down the shift key and press the right cursor key to select the image.
  4. Click the Insert/Edit Image button on the toolbar.
  5. Make any necessary changes to the properties or select another image by clicking on the Browse button next to the Image URL field.
  6. Type some appropriate text in the Image Description field for Section 508 compliance. This is a required field
    Note: Do not apply any horizontal spacing, vertical spacing, alignment, border, or styles.
  7. Click the Insert button.

^ Back to Top

Working with Tables

How to Create a Table

  1. Place your cursor where you would like the table to appear.
  2. Click the Inserts a New Table button on the toolbar.
  3. Complete the table by entering the desired table properties (Columns, Rows, Width, and optionally, Class).
    Note: Do not fill in the following fields: Height, Cellspacing, and Cellpadding nor anything from the Advanced tab.
  4. Click Insert.

How to Modify an Existing Table

  1. Place your cursor within an existing cell of the table.
  2. Click the Inserts a New Table button on the toolbar or right-click on the cell and choose Table Properties.
  3. Complete the table modifications by entering the desired table properties (Columns, Rows, Width and, optionally, Class).
    Note: Do not fill in the following fields: Height, Cellspacing and Cellpadding nor anything from the Advanced tab.
  4. Click Update.

How to Modify an Existing Cell

  1. Place your cursor within the cell of the table to be modified.
  2. Click the Table Cell Properties button on the toolbar or right-click on the cell and choose Cell; then Table Cell Properties.
  3. Complete the cell modifications by entering the desired cell properties.
    Note: Only change the Cell Type, Width and Class.
  4. Select Update Current Cell, Update All Cells in Row, Update All Cells in Column or Update All Cells in Table.
  5. Click Update.

How to Apply a Header Cell

  1. Place your cursor within the cell of the table to be modified.
  2. Click the Table Cell Properties button on the toolbar or right-click on the cell and choose Cell; then Table Cell Properties.
  3. Change the Cell Type from Data to Header in the drop-down menu.
  4. Select Update Current Cell or Update All Cells in Row.
  5. Click Update.

How to Apply a Light Gray Cell Background Color

  1. Place your cursor within the cell of the table to be modified.
  2. Click the Table Cell Properties button on the toolbar or right-click on the cell and choose Cell; then Table Cell Properties.
  3. Change the Class in the drop-down menu to Cell Light Background.
  4. Select Update Current Cell, Update All Cells in Row, or Update All Cells in Table.
  5. Click Update.

How to Apply a Dark Gray Cell Background Color

  1. Follow the instructions from "How to Apply a Light Gray Cell Background Color" expect use Cell Dark Background as the style name.

How to Apply a Light Gray Cell Background Color to Alternating Rows

  1. Place your cursor within a row of the table to be modified.
  2. Click the Table Row Properties button on the toolbar or right-click on the cell and choose Row; then Table Row Properties.
  3. Change the Class in the drop-down menu to Cell Light Background.
  4. Select Update Current Row, Update Odd Rows in Table, Update Even Rows in Table, or Update All Rows in Table.
  5. Click Update.

How to Apply a Dark Gray Cell Background Color to Alternating Rows

  1. Follow the instructions from "How to Apply a Light Gray Cell Background Color to Alternating Rows" expect use Cell Dark Background as the style name.

^ Back to Top

Working with Snippets

How to Insert SnippetName

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Select the area of the page you wish to edit.
    Note: A snippet can be inserted into any WYSIWYG area including a main content area or editable Widget.
  3. Create an empty paragraph where the snippet should be placed.
  4. From the toolbar, select the Insert Predefined Snippet Content button.
  5. Optional: Select the NAME category to filter the available snippets.
  6. Select the NAME snippet.
  7. Add Instructions
  8. See Basic Steps to Publish Content.

^ Back to Top

 

Working with Assets

How to Create a Gallery Asset

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Hover over the Content tab.
  3. Select Assets.
  4. Click the New button.
  5. Click the Image Gallery button.
  6. Enter the Asset Name.
  7. Enter a Description for the asset.
  8. Enter one or more Tags for the asset.
    Note: Useful tags include the type, purpose, department and/or school.
  9. There is no need to click the lock to site as all gallery assets are only available within the site that it is placed.
  10. Change the Access Group to one in which you belong.
    Note: The Access Group determines who may edit the asset.
  11. Optional: Change the Available To drop-down group from Everyone to a specific group.
  12. There is no need to change any of the Gallery Options as they are not used.
  13. Click the Create button.
  14. Drag and drop a number of images from your computer to the images area.
    Note: All of the images should already be optimized for the web.
  15. Images can be reordered by dragging them to different places.
  16. Remove or replace the New Image Gallery phrase in the Title field.
  17. Enter a description.
    Note: This is required for compliance and is used for those with visual disabilities.
  18. Optional: Enter a Caption.
  19. Optional: Enter a fully qualified URL.
    Example: http://www.pepperdine.edu; not www.pepperdine.edu
  20. Click the Save button.
  21. Publish the asset.

^ Back to Top

Add More Information about Assets

 

^ Back to Top

Working with Widgets

How to Create a Call to Action Widget

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Call to Action Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Put the appropriate call to action text in the Call to Action Text field.
    Note: This will appear as part of the content of the widget and should be only a few words.
  6. Choose the Button Type of Standard or Overlay.
    Note: Overlay buttons should link only to overlay template pages for the pop-up functionality.
  7. Type in or browse to a URL for the link.
  8. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  9. Click the Create button.
  10. See Basic Steps to Publish Content.

^ Back to Top

How to Create a Connect with Us Widget

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Connect with Us Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Check the box next to each social media type you wish to display.
  6. Enter a fully qualified URL (beginning with http:// or https://) for each social media type you wish to display.
  7. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  8. Click the Create button.
  9. See Basic Steps to Publish Content.

^ Back to Top

How to Create a Gallery Widget

Note: Add extra notes.

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Gallery Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: Give your widget a heading text.
    Note: This will appear above the content area of the widget.
  6. Optional: Choose a heading size for the heading text.
  7. Optional: Type in or browse to a URL for the heading text.
  8. Add more instructions.
  9. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  10. Click the Create button.
  11. See Basic Steps to Publish Content.

^ Back to Top

How to Create an iFrame Widget

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the iFrame Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: Give your widget a heading text.
    Note: This will appear above the content area of the widget.
  6. Optional: Choose a heading size for the heading text.
  7. Optional: Type in or browse to a URL for the heading text.
  8. Enter the iFrame code in the text box.
  9. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  10. Click the Create button.
  11. See Basic Steps to Publish Content.

^ Back to Top

How to Create an Image Widget

Note: The Image Widget is only for the impact area and must be 960 px wide by 450 px high. In order to create an Image Widget, an image must first exist on the site and be sized appropriately. See How to Upload Files if the image does not exist on the site.

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Image Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Enter an image URL or browse for an existing image in the Select Image Path area.
    Note: This will place you in the department's images folder. If your image is in another location, simply navigate to that folder.
  6. Enter an Image Description.
    Note: This is required for accessibility purposes and shows as the alternate description if an image is turned off on a browser.
  7. Optional: Enter an Image Link by typing in a URL or browsing for the file.
  8. Optional: Select the Force New Window checkbox to have the selected file open in a new window/tab.
  9. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  10. Click the Create button.
  11. See Basic Steps to Publish Content.

^ Back to Top

How to Create an RSS Widget

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the RSS Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Enter a title of your RSS in the RSS Title field.
  6. Enter the full URL of the RSS feed including either http:// or feed://.
  7. Set the number of RSS items to be displayed. The default is 5.
  8. Set whether to display the description or excerpt of the RSS items.
  9. Set whether to display the date the RSS items were published.
  10. Give your widget a filename.
    Note: It is recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. The file name will end in .pcf.
  11. Click the Create button.
  12. See Basic Steps to Publish Content.

^ Back to Top

How to Create a Tab Widget

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Tab Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: Give your widget a heading text.
    Note: This will appear above the content area of the widget.
  6. Optional: Choose a heading size for the heading text.
  7. Optional: Type in or browse to a URL for the heading text.
  8. For each tab that to be displayed, select the Show Tab checkbox.
  9. Enter a Tab Heading for each tab to be displayed.
  10. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  11. Click the Create button.
  12. In the edit window, select the region to edit.
  13. Click the Save button.
    Note: This will bring you to the Preview window.
  14. Click the Edit button and repeat steps 12 and 13 for each tab.
  15. See Basic Steps to Publish Content.

^ Back to Top

How to Create a Text Widget

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Text Widget template.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: Give your widget a heading text.
    Note: This will appear above the content area of the widget.
  6. Optional: Choose a heading size for the heading text.
  7. Optional: Type in or browse to a URL for the heading text.
  8. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  9. Click the Create button.
  10. See "Basic Steps to Edit Content" under the "Edit Existing Pages" section.
  11. Click the Save button when you are done editing.
  12. See Basic Steps to Publish Content.

^ Back to Top

How to Create a Toggle Widget

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Toggle Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: Give your widget a heading text.
    Note: This will appear above the content area of the widget.
  6. Optional: Choose a heading size for the heading text.
  7. Optional: Type in or browse to a URL for the heading text.
  8. For each toggle to be displayed, select the Show Toggle checkbox.
  9. Enter a Toggle Heading for each toggle to be displayed.
  10. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  11. Click the Create button.
  12. In the edit window, select the region to edit.
    Note: This will appear once a toggle heading is selected.
  13. Click the Save button.
    Note: This will bring you to the Preview window.
  14. Click the Edit button and repeat steps 12 and 13 for each tab.
  15. See Basic Steps to Publish Content.

^ Back to Top

How to Create a Video Widget

Note: In order to create a Video Widget, the video must first exist on YouTube or Vimeo.

  1. If you are not logged on, see How to Log On to OU Campus.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Video Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: Give your widget a heading text.
    Note: This will appear above the content area of the widget.
  6. Optional: Choose a heading size for the heading text.
  7. Optional: Type in or browse to a URL for the heading text.
  8. Select YouTube or Vimeo from the Video Type drop-down.
  9. Enter only the Video ID.
    Note: This is typically located in the URL. For YouTube it is the characters after ?v= and for Vimeo it is after vimeo.com/.
  10. Optional: Enter the YouTube playlist id.
    Note: The YouTube playlist ID is located after the 'list=' in the YouTube URL.
  11. From the YouTube site click Share under your video.
  12. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  13. Click the Create button.
  14. See Basic Steps to Publish Content.

^ Back to Top