Create a free account to get access to additional free training videos. Enjoy this free video from CraftQuest! Create a free account to get access to additional free training videos. Join the Community

Structure-Powered Navigation

Another option when tackling navigation is to tie your content structure and navigation closely together using the Structure section to power the navigation.

Anoth­er option when tack­ling nav­i­ga­tion is to tie your con­tent struc­ture and nav­i­ga­tion close­ly togeth­er using the Struc­ture sec­tion to pow­er the navigation.

In this exam­ple, each top-lev­el entry in the Struc­ture would be the nav­i­ga­tion item. And, option­al­ly, each child item in the Struc­ture would be a drop-down menu item (like we did with Quests ear­li­er in this article).

To use just top-lev­el items in the nav­i­ga­tion, we fetch the entries with an ele­ment query and spec­i­fy only the first lev­el using the level parameter.

Here are all of the videos in Creating Navigation in Craft CMS:

1Introduction to Site NavigationThere isn't an official way to manage navigation in Craft CMS. Unlike other CMSes that offer built-in navigation management, Craft CMS leaves it up to the developer to decide the best implementation for the website. 02:47
2Static Navigation in Craft CMSStatic navigation is a set-and-forget approach to navigation, and it comes with the assumption that the navigation will not change very often. 03:17
3Partially-Dynamic NavigationA partially dynamic navigation is one that pulls in some navigation items via Element queries in Craft. A typical example of this is a drop-down that has additional subpages under the main navigation item. 04:07
4Global-Set-Powered NavigationIn this example, we create a Global Set in Craft and use it to build and manage the site navigation. The advantage here is that it allows someone, presumably the client or customer, to manage the navigation from the Craft control panel. This is helpful in some scenarios because it doesn't require the intervention of a developer or technical staff member. 05:46
5Structure-Powered NavigationAnother option when tackling navigation is to tie your content structure and navigation closely together using the Structure section to power the navigation. 06:39
6Plugin-Powered NavigationIf none of the native options work for your project, and you need to give the site administrators ultimate control over the site navigation, then one of the popular navigation plugins is the correct choice. 05:37

Loading next video...