OU Campus User Training

Tuesday, January 13, 2015

Overview

• Navigating within OU• Page Actions Toolbar• WYSIWYG Editor Toolbar review• Types of Pages• Assets• Snippets• Brief Overview Left Navigation

Navigation within OU

Page Actions Toolbar

WYSIWYG Editor Toolbar review

Type of pages

1. New section: New directory

2. New FAQ Template: http://www.farmingdale.edu/financial-aid/financial-aid-faq.shtml

3. New Interior: http://www.farmingdale.edu/financial-aid/index.shtml

4. New RSS Feed Entry: http://www.farmingdale.edu/news/index.shtml

5. New Landing: http://www.farmingdale.edu/100/

6. New Landing 3 Column: http://www.farmingdale.edu/academics/index.shtml

7. New Presentation Page: http://www.farmingdale.edu/100/historic-video.shtml

Assets

• Assets are reusable content such as text, images, media, code blocks, links, etc.

• Convenient when working with multiple files that require the same information.

• Assets allow users to easily change an item that is used on several pages. Once an Asset is updated and published, all the pages using the Asset will also be updated and published.

• Useful for global content and content that should be protected from changes.

Snippets

• Snippets are files that have been designated as reusable content.

• Once the snippet is inserted on a page, the on-page content can be edited without affecting the original snippet.

• Snippets example: a table, image with a caption.

• The data changes from page-to-page, but the defined structure is reused.

9

Overview – Custom Left Navigation

• Difference between Default Navigation and Custom Left Navigation

• When do I need one?• Path to all custom navs• Left Navigation structure• Parent and children links• Process for approval

10

All pages by default are set to Default Left Navigation

11

What do I need to create my own Custom Left Navigation?

• When you have more than 5 pages in your directory.

• You need to have all your pages already created and published with approved content.

12

The path where all custom navs is top/includes/custom_navs

• Files must be named “left-directory-name.html”

13

Steps to create a new Custom Left Nav

14

Left Navigation Menu explained

Parent link (uppercase): Inside of <div class="accordionButton"> </div>

Children link (proper case): Inside of <div class="accordionContent"> </div>

15

Use the “BR” (Insert line break) when dealing with children links

16

Right-click and select “Insert/Edit link” when inserting links in parent links

17

When ready, save and send to webchanges for approval.

18

When everything else fails...

Review

• Navigation• Page Actions Toolbar• WYSIWYG Editor Toolbar review• Type of pages• Left Navs

Questions?

• http://www.farmingdale.edu/ou-training/

• webchanges@farmingdale.edu