How to Manage Left Navigation Menus and Breadcrumbs in OU

Transcription

1 How to Manage Left Navigation Menus and Breadcrumbs in OU By Lucero (6/24/14) Files that require publishing in the root directory or any newly created directory): Any newly created directory _nav.inc _props.pcf Any newly created pages (*.pcf) To create a subdirectory, submenu, and corresponding breadcrumbs, do the following: 1) Login to OU CMS and go to your website. 2) Click on Pages so that all files in the root can be seen. 3) Create new folder by clicking on green +New button (circled in above screenshot), then if you want a subdirectory, choose Interior Section.

2 4) Fill in the fields for Directory Name and Page Title. For this exercise, TestDirectory1 and TestPage1, will be entered, respectively. Then click the blue Create button at the bottom of the form. 5) Once the directory/page has been created by OU, it will be displayed in the CMS.

3 6) However, if the user refreshes the index page at the root of the site, the left nav and subdirectory still aren t showing. 7) Even if index.pcf that resides in TestDirectory1 is published, the left nav still doesn t update. Also, notice that the breadcrumb on the page, TestDirectory1/index.php displays Friendly Name.

4 8) In order to update the Friendly Name breadcrumb, open the _props.pcf file in the TestDirectory1 folder, click the Source, then update the text between the <title> tags, save, and publish. At this point, you will still NOT see the breadcrumb or left nav. 9) To publish the left nav subdirectory, click Pages and then the house icon (for home directory of the website ). You should then see the subdirectory that has been recently created. Click the Publish button to the right of that folder, then click the green Publish button again in the modal window. If you do NOT have the option or permission level to publish a directory, please send lucero@uark.edu a 'request to publish to production'. Be sure to indicate the website URL and the directory that needs to be published. 10) Upon creation of the new subdirectory and index page, the _nav.inc file should have been updated by OU. When _nav.inc in the root is checked out, the user can see that the latest file, TestPage1 indeed has been written to that file. Publish that file. At this point, the left navigation link will appear if the main index page of the site is refreshed in a browser.

5 11) Create another new page in TestDirectory1 by clicking on Pages and then Home icon, and then click on TestDirectory1 folder and click the green +New button in the upper right hand of the screen. Choose Interior Page for any page that will need to reside in a subdirectory. 12) In the modal form, for Page Title and Filename fields, enter Test Page2 and testpage2.pcf, respectively. Then click the blue Create button in the bottom right corner.

6 13) Add any needed content to Test Page 2, and then click the green Publish button at the top of the screen. Then click the Publish button that appears on the modal form. 14) Then check out and publish the _nav.inc file as well as the _props.inc file that resides in the TestDirectory1 folder. Once those two files are published, the refresh of the web page should show the breadcrumb displaying to the last updated value (in the <title> tags), clicking on the Test Directory 1 breadcrumb should take the user to the index page of TestDirectory1, and clicking on Admissions Sandbox breadcrumb should take a user to the index page in the home directory, and the left navigation should reflect TestPage1. If TestPage1 link is clicked, it should take the user to that directory and ONLY show the links within that directory. 15) If the home left nav is not displaying properly, republish the _props.inc and the _nav.inc files that reside in the home or root directory. 16) Remember that as pages are being created in OU, the _nav.inc file is appended with that link in the respective directory where the page has been created, however, a user HAS to remove the link in the _nav.inc file manually if the user deletes the page from the CMS.

7 To remove links or directories in the left nav: 1) Delete any files or directories that you no longer want in the site. 2) Go to and check out _nav.inc in whatever parent folder whereby the left nav link needs to be removed 3) Click Source button, and then the user should see what links are now broken (highlighted in red in the CMS) resulting from the file/folder deletion. Delete any applicable <li> items. 4) Save and then publish that _nav.inc file, and then check on the internet that the update in the left navigation menu is as expected.