Edit the main menu by re-ordering the menu items.
In this exercise, we’ll add a Related Links menu item. This can be broken into two stages:
Go to the menu administration page – /admin/structure/menu - hover over Structure on the Admin menu then click Menus. Click on the Add menu button at the top right of the page.
Type in the name of our menu in the Title field: Related Links.
Type in a menu description in the Administrative summary field. While the description is optional, it helps site administrators understand the different menus, especially if the site has lots menus.
Click Save to create the new menu.
Now that you’ve created the custom menu, you need to add in the links to existing pages. You can do this in one of two ways:
Adding links to the menu when you edit the specific content pages/section.
Adding the items manually via the menu interface.
On the Admin menu hover over Structure → Content types, then click on Page.
Scroll down and click on the “Menu settings” item. Under Available menus, enable Related links.
Click Save content type.
Add content using the Page content type and create the following new pages:
About us
FAQs
Disclaimer
Privacy policy
Make sure you select "Provide a menu link" and select the parent item "Related links" for all pages. See the screenshot below for an example.
On the Admin menu hover over Structure → Menus then click on Related links. The new pages you created now appear in this admin area.
You can also add the links manually by following these steps:
In the menu administration page, click Add link at the top of the Related links. At the menu link creation page type in these settings:
Link: type About and select About us.
Description: Jobs Posting About Us page.
Menu link title: About us
Leave the other settings at their defaults and click Save.
Repeat the steps above for any remaining menu items.
Finally, you can re-order the links on your menu.
Go to Structure → Menus to see a list of all your site’s menus.
Click on Edit menu to the right of the Related links menu entry. You should see a list of the menu items we just created as in the previous screenshot.
You can drag and drop the menu items to re-order them. Then click Save configuration.
Note: Another way to change the menu order is to change the ‘weight’ of the menu item when you’re editing the content.
The last step is to configure the new menu block.
Go to Structure → Block layout and find the Related Links block. Click Configure.
Configure the Title. We’ll leave it at the default, but this is where you can:
Enter a new title.
Unselect the Display title checkbox to remove the block title.
In the Visibility settings you’ll notice options for:
Pages - show or hide the block on specific pages.
Content Types – display the block alongside specific content types.
Roles – display the block to specific roles.
You’ll often need to alter a block’s Pages visibility settings. For this exercise, we want the Related Links menu to appear only on the About us page we created earlier, and the homepage of our site.
Under Pages → Show for the listed pages, enter the URL paths of the pages that we want to display the block, e.g. /about-us-0
On a new line in the Pages text area, enter <front>. This will ensure your Related Links menu block is displayed on the front (home) page of your site.
Click Save block.
The Related Links menu will only be displayed on the front and About us pages.
Footers are often used to provide global ‘quick links’ for site visitors. For the Government Jobs Listing site, the Related Links menu in the footer will contain links to the basic page content of the Government Jobs Listing website (FAQs, About us, etc.).
When you create a new menu, GovCMS automatically creates a menu block for the menu. Now we need to assign this menu block to a region on the website.
Go to Structure → Block layout (/admin/structure/block).
Scroll down and find the Footer middle 2 area and click the Place block button.
Search the list for - Related Links. Select Menus block “Related Links”.
Click Place block.
Uncheck the option to "Display title".
Click Save block.
Click Save blocks in the Block layout page.
Check your site to make sure the Related Links menu block is in the Footer.
Next, we’ll restrict visibility so it doesn’t show throughout the site.