Site navigation manager
This component within Easy Eatery's settings area allows you to create and manage navigation menus that can be added into your website.
By default, Easy Eatery themes use three different menus:
Navigation | Description |
---|---|
Primary navigation | The main menu within the website's header. |
Footer navigation | A secondary navigation with other important links reiterated |
Policy documents | Links to the privacy policy, terms and conditions, etc. |
Viewing all navigations
The 'list view' for this component is completely standard for Easy Eatery.
The menu marked with the star icon is the primary menu for Easy Eatery and so cannot be unpublished or deleted from your website.
We call items within this section, 'menus', but these are not to be confused with food and drink menus; the purpose of this component is to create website navigation menus, that people will use to browse your website.
Creating or editing a navigation menu.
Naming your navigation.
The first task when creating a new navigation menu, will be to name your menu.
This name is used within your control panel only, so don't worry about being creative.
Structuring your menu.
Below the name field, the main section on the left is your 'Navigation menu structure' — this holds the contents of your menu.
Links added into this section will appear in your menu, in the order in which you add them. Items added at the top of the list, will appear first.
Looking at the above image you can see that each link within your menu has several elements. From left to right, they are:
Element | Description |
---|---|
Handle | The handle is used to reorder links within your menu. Click and drag links up and down to change their position within the menu. Items at the top of your menu will appear first. When you drag items around, you'll notice that a teal dashed box appears behind it. This indicates where the menu will settle when you release the mouse button. You can 'nest' links under another links, to create drop-down menus. To do this, drag a menu item to the right, until the teal box becomes indented. When you release your mouse button, the link you dropped will turn light-grey, to show that it is now a child link. To undo this, simply click-and-drag back to the left. |
The content type icon | This icon indicates the kind of content the link is associated to. There are five possible types of link:
|
The link label | The bold white text at the top half of the link is the text lable that will be used in the navigation. You can customise this label via the 'link settings' drop down mentioned below. If you customise the label, the original will appear faded-out in brackets. |
The link URL | Below the link name is the URL; where the link will take the user when clicked. Note that for links which are not the homepage and not custom links, only the canonical slug will be shown, not the full URL. |
The delete icon | The trash can icon, when clicked, removes items from the navigation. |
The cog icon | This opens the settings drop-down for the selected link item. Within this drop-down you can choose to set a custom label (as outlined above), choose if the link opens in the same, or a new window when clicked, and developers can also add a custom CSS class to a link, to make it easier to apply custom styling. If the link you're adding is a custom link, this is also where you can define the URL that the link goes to when clicked. |
The view icon | The final icon only applies to non-placeholder links. When clicked, this will open a new window and will take you to the destination URL of whatever link you clicked on. |
At the very bottom of the menu structure you can see two teal buttons:
Add placeholder
The button allows you to add a placeholder link into your menu. Placeholders do not have a link and so cannot be clicked, but they are useful if you want to create a drop-down section within your menu, as you can use them to nest other links underneath them.
Add custom link
A custom link is a link that can't be added via the 'available content' section outlined below. These can be links to pretty much anything. A page on another website, one of your social profiles, the list goes on.
Adding Easy Eatery content to your navigation.
To the right of the menu structure, you see the 'Available content' section, which lists every page, menu and blog category that's available to add into your navigation.
To add a link into the navigation menu, click the orange 'plus' button to the left of the link's name.
When you do, you'll see that the menu item appears at the bottom of your menu structure.
You can then re-order the menu so that the new link appears in the right place.
Navigation menu settings
Below your menu structure is the 'Navigation settings' - this is mainly used when you create a new menu.
Field | Description |
---|---|
Alias | The alias field is used to place this menu in your website's theme, making it visible on your website. The alias must be unique to the navigation menu you're viewing and once in use, should not be changed. This field is populated automatically when you name your menu |
Description | sad |