There was a problem loading the comments.

How to add a page/item onto the menu in WordPress

Support Portal  »  Knowledgebase  »  Viewing Article

  Print

The menu bar is what typically is used to assist visitors to your website browse the important information and easily move around your website. Here is a guide on how to develop and adapt the menu bar on your WordPress site such as the one below.

 

3413a4f3cf3802d9592901a7198a097f8d9092c1ba50637ecee37c438b4125d6afbf44009fe90d31?t=92ae88235dda912a443db1fb7794c7ed

 

Step 1 - Go to your dashboard for your website and then go to Appearance > Menus

621b29f81672bf83509b4a29a1b5573dfc9773caab939931856368a0763667e5cefddbbbc0cc1c87?t=ca9d4b2b3fb0d550976d7de6cd6c1752

 

Step 2 - Name your menu e.g. Top Navigation Menu and then click ‘Create Menu’

85f97ac3698f72654bd481f95dbb1422fa635dfb7ae7b9f43fc857aef7b9b695f0f36eb51d5e9238?t=8c57033c74a8ef49c31d81abafe54bc4

 

By clicking ‘Create Menu’ it enables the left section of the page called ‘Add menu items’ so it is no longer greyed out

d03d3e522ed2a3d7fb80daf090aec72830fe8a61a72546553c333c26e7791011bca92bb8a5864fdc?t=44f8857d2c0df59697668e9d949f641d

 

Step 3 - Choose the pages you want to add to your menu either by clicking in the check box next to the page name or by clicking the ‘Select all’ tick box at the bottom if you want to add them all and the click ‘Add to Menu’

971a8bf13468c95b7fe0a85003e11419f268437e90bbe247e7fa2192b6c81413aebcfc63cf6907e6?t=4ed8b569c7cec18cd3d3b81e45544aea

 

Step 4 - Once you have added them to your menu they should appear in the ‘Menu Structure’ half of the page where you are able to drag and drop them into the order you would like them to appear on your menu bar

 

Step 5 - If you would like to create a drop-down menu then simply add the item to the menu by selecting it’s tick box on the left and click ‘Add to Menu’ as you did before. Once it is added to the ‘Menu structure’ then drag it to below the item you want it to appear under on the menu bar and drag it slightly to the right and it will become indented as below

 

166def5ff5b462916df748f5fdfc4467bdcd732f2a905f6da427d8e7180dc50d8dba59bb0b46b816?t=dab882766690a9510d243dfbac28608d

 

Step 6 - Now choose where you want your menu to appear (note: your options may vary depending on the theme you are running on your website).

 

7f69a8df989e17b8363e6c7b5ee68905a8ab6b1e0fbd104ab6b5aa2e3af3a384748b5754a229274d?t=a3b95a6bc58d81ee356e72070f5eee47

 

Step 7 - Click ‘Save Menu’

0d2ab6585ed6ffd99d9c311a73028132638b97fd4ddb50110ec39bfcc11078e8e4cd0686c62978d2?t=003776763f1e30aed47eedf05a8bfcc9

 

Step 8 - Go to your website and check that it looks as you expected it to. Remember that you might need to purge the cache in StackCache.

0mQ30GuQa1AAAAABJRU5ErkJggg==


Share via
Did you find this article useful?  

Related Articles

© Black Owl