Creating Menu items using Pages

How to create items the main navigation menu of your website in WordPress using pages

Creating a menu for your website has never been so easy when using the default functionality of WordPress you can directly add a newly created page to your navigation menu. For the purpose of this tutorial we will show only how to create a menu from the pages you are adding to your website.

If you are interested on how to manage the pages of your website in WordPress you can check our How to Manage Pages in WordPress tutorial.

 

To create menus by using pages in WordPress, you need to complete the following steps:

Step 1 Adding a Page to your Menu

In order to directly add a page to your navigation menu you will need to first login into your WordPress admin area and navigate to Pages>Add New.


adding-new-page

 

One you fill the Tittle of your page and the content which should be presented on the page you will reach the part where you will need to configure the “Page Attributes” block.

 

page-attributes

 

For the purpose of this tutorial we will use the “Sample PageTittle and also the “Sample Page content” as a Content for our new page.

 

The attributes for the new page depend entirely on the way you would like that page in particular being displayed in the navigation menu. For example if the page should the top level of the menu (e.g. it should not be a child page) you should set the value of the “Parent” field to “(no parent)”.

 

page-attributes

The order is also something you would be paying attention to. It represents the position this page will have in your navigation menu. For example if you would like the new page to be displayed as the first item in the menu make sure that the value of the Order field is set to 0 as 0 is the starting position for the items on your menu.

 

Once you publish the page with Public Visibility the page will be displayed in the navigation menu as the first item.

menu-example

 

Of course not always the pages you are adding should be displayed as parent menu items. Instead if you would like to add a child type of page or a Submenu item you will need to specify that the page you are adding or modifying should have a parent page.

 

Step 2 Adding a Child Page to your Menu

For the purpose of adding a submenu item or creating a child page we will add a new page called “Sample Page Child” with a tittle “Sample Page Child” and Parent “Page Attribute” set to “Sample Page” which is the page (menu item) we have added earlier in this tutorial.


page-attributes


After you publish that page and check your website you will notice how a small arrow has appeared next to the Sample Page menu item and if you hover over that menu item you will notice how the submenu with the child page appears.

drop-down-menu-example

 

Repeating this action for all of the pages you would like to appear in the main navigation menu for your website will allow you easily and conveniently to build a good looking menu easing the navigation for your users between the pages of your website.