Adding and configuring the main menu in Drupal

Scenario

You have created pages and wish to add them in the main navigation menu of your website.

Menu
Example of a main menu

Step 1: Adding an item to the menu

    1. Begin by navigating to “Structure” and then “Menus”.
    2. You will see a list of four menus, but the one you will need is called “Main Menu”. First, click on “Edit Menu”.
    3. Under MULTILINGUAL OPTIONS, make sure that the Translation mode is set to “Translate and Localize”. If not, select it and save the page.
    4. Next, click on the top-right tab called “List Links” (You may have already been redirected if you saved the options on the previous page).
    5. To add your first menu item, click on “+ Add link”.
    6. Fill in the fields accordingly:
      • Menu link title: This is the title that will appear in the menu.
      • Path: Add the relative path of the page you wish to add. If you wish to add an external link, add the full URL instead.
      • Show as expanded: Select this option if the menu item will have secondary or tertiary links (sublinks).
      • Parent link: If the menu item is a secondary or tertiary link, you may select the parent page under which it should be placed. You will also be able to drag and drop links to move them around in the menu afterwards.
      • Language: Typically, you should be using “Language neutral”. Select “English” only if you’re adding an external link or if the order of the links in English and French differ (for example, if they’re alphabetically sorted).
    7. Save the entry.
    8. You should be returned to the list of links. Click and hold the “+” icon on the left of a menu item to move it around.

Step 2: Translating a menu item

  1. To translate a menu item, click on the link “translate” beside a menu item. You will be sent to a page listing the available languages. Click on the “translate” link corresponding to the French language.
  2. Provide the translation and, if the option is present, the French URL. Once done, click on “Save translation”.
  3. You will be returned to the page listing the available languages. Click on the “edit” link corresponding to the English language.
  4. Scroll down to the bottom and click on “Save”. This will ensure that the menu item’s translation is properly updated and doing so will return you to the full list of links.

 

Repeat steps 1 and 2 as necessary.

Step 3: Adding the Main Menu to your website navigation

  1. Navigate to “Structure” and then “Blocks”.
  2. Do a search (CTRL+F) for “Main menu”.
  3. Once found, click on the dropdown menu at the right and select “Local Navigation”. (The entry will be moved to the appropriate location once you select it.)
  4. Scroll down to the very bottom of the page and click on “Save blocks”
» Envoyer vos commentaires
    Sujets: 
  • Soutien
    Types: 
  • Tutoriels
Haut de page