Skip to main content
Pepperdine | Community

Modern Campus CMS for School and University Websites

General Editing Instructions

  1. Logging In/Out
  2. Creating Pages, Files, and Folders
  3. Editing Existing Pages
  4. Inserting and Editing Images
  5. Working with Tables
  6. Working with Snippets
  7. Working with Assets
    1. Image Gallery Asset
  8. 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
  9. Appendix and the Toolbar

 

Logging In/Out

How to Log In to Modern Campus CMS

  1. Open up a web browser.
  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 Out of Modern Campus CMS

  1. Click on 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 In to Modern Campus CMS.
  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. The value will still appear in the page's meta title, but not as the 1st heading (H1).
  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. 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.
  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 site header.
  12. 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.
  13. 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.
  14. 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.
  15. 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.
  16. Type a file name in the Filename field.
    Note: File names should be all lowercase letters, numbers or hyphens. Do not add an extension.
  17. Click the Create button.
  18. Select the Edit button above the preview window.
  19. See Basic Steps to Edit Content.
  20. 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 In to Modern Campus CMS.
  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 New Folder

  1. If you are not logged on, see How to Log In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  2. Click the Content tab.
  3. Navigate to the folder where the existing web page is.
  4. Click the lightbulb icon.
    Note: A clear lightbulb means that the file may be checked out. A yellow lightbulb means that you have the file checked out. A red lock means that someone else has the file checked out.
  5. Click on 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 uploads must be under 10MB in size, filenames may only include lowercase letters, numbers, or hyphens, and the content must be placed within an appropriate "image" or "content" 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 uploads must be under 10MB in size, filenames may only include lowercase letters, numbers, or hyphens, and the content must be placed within an appropriate "image" or "content" 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 In to Modern Campus CMS.
  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 green 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 In to Modern Campus CMS.
  2. Click the Content tab.
  3. Check-out the file by clicking on the clear light bulb.
  4. Click on 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, click the Browse button next to the Link URL field to navigate to an existing URL within your site, or type the full URL (including https://) for a link outside of the site.
  4. Click the Insert button.

How to Insert an Email 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 Email 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)

  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 proper upper and lower cases with underscores instead of 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 titles and may appear multiple times on a page.
    • Heading 3 is for groupings/headings below H2 headings.
    • 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 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 Table Borders or Alternating Row Shading

  1. Place your cursor within the cell of the table to be modified.
  2. Click the Insert/Edit Table button on the toolbar or right-click and choose Insert/Edit Table.
  3. Change the Class in the drop-down menu:
    Note: Preview table style options
    • For borders select: Table with Borders
    • For alternating rows select: Table with zebra-striping
    • For alternating rows and border select: Table borders and zebra-striping
  4. Click Update.

^ Back to Top

Working with Snippets

How to Insert a Snippet

  1. If you are not logged on, see How to Log In to Modern Campus CMS.
  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 a category to filter the available snippets.
  6. Select the desired snippet.
  7. Add snippet.
  8. Follow snippet table guides to add content.
  9. See Basic Steps to Publish Content.

^ Back to Top

 

Working with Assets

  1. If you are not logged on, see How to Log In to Modern Campus CMS.
  2. Click on 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. There is no need to click the lock to site as all gallery assets are only available within the site that it is placed.
  9. Change the Access Group to one in which you belong.
    Note: The Access Group determines who may edit the asset.
  10. Optional: Change the Available To drop-down group from Everyone to a specific group.
  11. There is no need to change any of the Gallery Options as they are not used.
  12. Click the Create button.
  13. 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.
  14. Images can be reordered by dragging them to different places.
  15. Remove or replace the New Image Gallery phrase in the Title field.
  16. Enter a description.
    Note: This is required for compliance and is used for those with visual disabilities.
  17. Optional: Enter a Caption.
  18. Optional: Enter a fully qualified URL.
    Example: https://www.pepperdine.edu/; not www.pepperdine.edu
  19. Click the Save button.
  20. 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 In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  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

Note: Add extra notes.

  1. If you are not logged on, see How to Log In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  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 In to Modern Campus CMS.
  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