Creating Your Navigation

Now that you have what we need to get started, it’s time to start building your website. We’re going to be looking at two things as we design the your homepage. Of course you want your website to be interesting and engaging to look at but it also needs to be informative. So, we’ll be working on both the design AND the messaging for your website as we work through the layout for your homepage. It’s OK if you haven’t gotten your tagline and other site copy worked out yet. For now, we’re just going to be setting up your page design with these things in mind. You can always go back later and change the wording. Let’s get started by creating the primary navigation for your website.

Create A Few Pages

To get started, let’s create a couple blank pages. This will give us a few pages to work with as we build your site navigation. If you already know what pages you want, go ahead and create pages for what you have in mind. If you don’t know, here are a few very common pages to help get you started.

  • Home
  • About
  • Blog
  • Contact

We will be adding more pages later, especially when we start adding products to your site. Here is how you create pages.

Log in to your WordPress dashboard and click on Pages, then click the Add New.

Type the Page Title then click Publish to save your new page.

You will see a notification at the top of your page after your page is published.

To create more pages, click Add New and follow these same instructions until you have created all the pages you would like to have.

Keep Page Names Short

When naming your pages you want to keep the names and short and descriptive as possible. You want people to be able to ready your page names at a glance, so try to use one or two words for each page name.

Building Your Navigation Menu

Head over to Appearance > Menus in your WordPress dashboard.

In the Menu Name text box type Primary Menu then click Create Menu.

Now, select all the pages you just created and click Add to Menu.

Now you can drag-and-drop the pages to order them however you’d like. You should put the Home page at the top. Then you’ll want your call-to-action page to be on the bottom which will make it all the way on the right hand side when the menu is viewed on your website. Remember to click Save Menu.

The final result will look like this.

The last step in the process is to set this new menu you just created to be the Primary Navigation menu. To do that, click Manage Locations then select the Primary Menu as the Primary Navigation option. Finally, click Save Changes.

Any time you want to add another page to the menu or reorganize your menu, this is how you do it. So, feel free to revisit this lesson again if you need to work with your menu again as you build out your website.

Coming Up Next…

In the next lesson we’ll start to look at designing your the way your homepage looks. We’ll make use of your photos, pick a few colors, and see the navigation menu you just created in action!

Get Tips Like This In Your Inbox

If you liked this post, get more like this one emailed to you.

We respect your privacy. Cancel anytime.