Creating Menu items using Pages


STEP 1Adding a Page to your Menu

In order to directly add a page to your navigation menu you will need to fist 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 Page” Tittle 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 2Adding 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. 

  • 2 Users Found This Useful
Was this answer helpful?

Related Articles

How to manually install WordPress

    STEP 1Downloading and Preparing the File The installation will require for you to download...

How to Configure your Settings in Wordpress

  STEP 1General Settings In order to begin reviewing and changing the setting of your...

Changing the header of your website

STEP 1Accessing the Header Configuration Page Assuming that you are already logged into the...

Creating Menus using Theme Options in WordPress

  STEP 1Creating a new Menu The WordPress “Menus” page is located inside the admin area of the...

Enabling or disabling the comments

Since the WordPress platform allow the its users to write comments and of course read other...