User Tools

Site Tools


navigation

Navigation

Navigation is integral to any website. If a visitor cannot easily or clearly navigate from one page of a site to another, then you have failed. In CE3, we have aimed to make site navigation easier to manage than ever.

The first step is to ensure that you have properly set your Site Root:

This needs to be an absolute URL for the base location of your site. In most cases, this will be your domain. You may use either a full or truncated address. For example, let's say I am planning my own photography site at http://campagnapictures.com. Either of the following is an acceptable site root:

http://campagnapictures.com/
/

The former is my full address, the latter my truncated address.

If I were creating my site in a sub-directory – for example, if I were setting up a blog at the domain root and wanted my TTG site in a sub-directory – then I could include the folder name:

http://campagnapictures.com/foldername/
/foldername/

Again, the former is my full address, the latter my truncated address. Either is acceptable for the site root.

The site root properly set, we turn our attention to the Navigation Hyperlinks, controls for which are located in the Site Info control pane:

Each hyperlink is comprised of a Label and Target. The Label is how the link will appear in your navigation menu, while the Target is the address to which that link will lead.

When setting navigation links to pages created by TTG CE3 Pages, use the Target pull-down to select the target page:

Otherwise, you may write-in either absolute or relative URLs to other pages or sites:

Single-level Navigation

Single-level navigation is the easiest to implement and the default setting for all TTG galleries. Navigation may be aligned left, right or center, and the appearance of your navigation fully customized using the provided options.

Multi-level Navigation

Multi-level navigation – a.k.a drop-down menus – is supported by CE3 plugins, but setup may require extra steps. Multi-level navigation may be aligned left or right, but cannot be aligned to center.

  • Only the top-level navigation may be configured within Lightroom.
  • By setting up the top-level navigation within Lightroom, the multi-level navigation can be used as an alternative style of single-level navigation. This can look very good in some designs.
  • If you wish to implement child menus – i.e. drop-down menus – then you will need to hand-code these child menus and implement them via PHPlugins. We provide example code to get you started, so implementation should be fairly easy to accomplish; it just requires the extra steps of enabling PHPlugins and working with the menu code.

Mult-level navigation should never be essential to your CE3 website, though it may be nice to have. The way that TTG sites are designed and organized, your site should always be fully navigable from a single-level navigation system, using the Galleries page to access all of your image galleries.

See the PHPlugins section of this wiki for more detailed information on how to get setup with a multi-level navigation menu.

navigation.txt · Last modified: 2013/01/31 07:47 by admin