1 Minute Video: Limit the Number of Levels in EditMe's Menu


Bookmark and Share Thursday, November 12, 2009

The third and final installment of 1 minute videos covering EditMe's navigation features shows how to limit the number of levels in the multi-level navigation menu and move deep navigation into the page content where needed.

If you find your site needs 5 or more nest levels of navigation, you're probably feeling a bit cramped with the multi-level navigation menu as each nested level is indented more than the last. In such cases, the best practice is to limit the number of levels that are displayed in the menu and instead list sub-pages within the page content. This 1 minute video shows you how.

Limit the Levels in the Multi-level Navigation Menu

Click the image above for a high quality version of the video in Quicktime. If you don't have Quicktime or have a slow connection, check out the YouTube version instead.

Tutorial: Limit the Levels in the Multi-level Navigation

If it was hard, it wouldn't fit into a 1 minute video. Here's how:

  1. Decide how many levels you want to show. The first level that is displayed by default is 1. So if you want to show sub pages and their sub-pages, you'd want a depth of 3 levels.
  2. Edit your site's Menu page and find the [[include:_TreeNav root=Menu]] line.
  3. Add "depth=3". When you're done it should look like this: [[include:_TreeNav root=Menu depth=3]].
  4. Save the menu page.

Tutorial: Display Child Pages within Page Content

If some of your third-level pages have child pages that you want displayed, you can add a bulleted list of them. Just edit the page and add [[include:_ListNav]] wherever you want it to show up.

Tutorial: Display Child Pages on Every Page

Say you want to show that bulleted list of child pages on every single page of your site, if there are any to show. This is a little more involved, but still quite easy.

  1. Create a new page called ChildPages. Select the HTML editor when creating it.
  2. Set the content to:
    - nothing else.
  3. You might want to make this a Hidden page on the Advanced tab. Then save the page.
  4. Go to Settings -> Look & Feel -> Layouts
  5. Edit the layout labeled Current Default by selecting Edit from the corresponding drop down.
  6. Find the line that contains "cdata page.content". The whole line might look something like this:
    <ss editme="if !page.isScript ;; cdata page.content"/>
  7. Beneath that line (or somewhere else you prefer, if you know you're away around an EditMe Layout), insert this line:
    <ss editme="include 'ChildPages'"/>
  8. Save your layout, and you're done.

Stay Connected with EditMe

Subscribe via Email

Your Email:

Delivered by FeedBurner