Contact Us

In this WordPress Theme Development Video Tutorial (Part 3) you will learn to

  • Create Header Menu
  • Create Footer Menu
  • Create menu using custom links
  • Assign pages to your navigation menu
  • Adding sub menu

 

Video Transcript

In the previous tutorial, you created posts and pages for your website. In this tutorial, you will create a navigation menu and assigned those pages to it.

  • Go to your dashboard and hover your mouse over appearance and
  • Click on Menu
  • Enter the menu name and call it Main Navigation
  • Click on Create Menu
  • From the menu settings, click on the checkbox that says Primary Header Navigation
  • Click on Save Menu.

Now we will add pages to this header menu. To do so,

  • Locate the section called Pages on the left hand side
  • Click the checkbox next to the following pages and add them to the Primary Navigation Menu
    • Search
    • Home
    • Contact Us
    • Blog
    • Vertical Navigation
    • Hamburger Navigation
    • Left Sidebar
    • Right Sidebar
    • Full Width
  • Then click on add to menu

Create one more menu item, using custom links below the Pages option. To do so,

  • Click on Custom Links
  • Enter any URL (I will use customizepress.ca)
  • Type Pages into the Link Text field
  • And click on Add to Menu.

All your menu items are displayed on the right. Now we will rank these items.

  • Click on the menu item Home and drag it all the way to the top
  • Next click and drag Blog to rank it 2nd on the list
  • Click and drag Pages to rank it 3rd on the list.

Lets create the sub menu inside the menu item Pages.

  • Click and drag Full Width to rank 4th on the list, and drag it slightly to the right to create a sub menu
  • Do the same for the following items,
    • Right Sidebar
    • Vertical Navigation
    • Hamburger Navigation and
    • Left Sidebar
  • Click and drag Contact Us to rank 9th on the list and
  • Search to rank 10th on the list
  • Click on Save Menu.

Your final primary menu structure will look like this. Notice the position of the sub menu items.
Lets go and check our menu on the homepage. As you can see, the menu items you have just created are all listed here.

Using the same procedure, we will create a footer navigation

  • Go to your dashboard and hover your mouse over Appearance and
  • Click on Menu
  • Click on Create A New Menu
  • Enter the menu name and call it Footer Navigation
  • Click on Create Menu
  • From the menu settings, click on the checkbox that says Footer navigation
  • Click on Save Menu

We will add pages to this footer menu. To do so,

  • Locate the section called Pages on the left hand side
  • Click the checkboxes next to the following pages and add them to the Footer Navigation Menu
    • Career
    • Team Member
    • FAQ
  • Then click on Add To Menu
  • Click on Save Menu

Your final footer navigation structure will look like this.

In the next tutorial, we will add some plugins to your website. Until then. Goodbye.

Share this page:
Facebooktwittergoogle_plusredditpinterestlinkedinmail

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *