Step 11: Create Website Pages and their Navigation System

Create Dummy Home page & other pages and set the website Menu

Why & What

WordPress allows you to create your website’s navigation menu in easy steps. Depending on your theme, you can create a Primary Menu and possibly a secondary menu. You can also create any number of custom menus in the widget area of your page. Note that only the Primary Menu is properly accessible in a mobile environment.

To design your navigation system, you need to have already created the web pages that would be linked to the menu items.

While creating the website pages, be aware of the permalinks for the page for SEO purposes. For example, a page about Culinary Herbs should have the title “Culinary Herbs”, its permalink should be “http://www.herbalshoppe.in/Culinary-Herbs” and the top-level heading should be “Culinary Herbs.”

For business website, the Home page is normally a static page. It also requires additional setting so that http://www.herbalshoppe.in should be redirected to http://www.herbalshoppe.in/home.

 

Steps to Follow

At the Dashboard page, go to Pages > Add New.

navigation-system-8

Enter Home as the title.

The page permalink is displayed:

navigation-system-2

Note that you can edit the permalink any time — now or later.

Click Publish.

Go to Settings > Reading. Check A static page and then select Home in Front page.

navigation-system-3

Click Save Changes.

Note that this setup is only for the Home page.

Create other three pages — Culinary Herbs page, Medicinal Page, and Ornamental Herbs page.

navigation-system-4

Next, click Appearance > Menus. The Menus page appears showing the Edit Menus tab.

navigation-system-5

Enter the name of the Main Menu (for example, Top Menu) and click Create Menu.

In the Pages list, select the pages that should be linked to the new menu. Then, click Add to Menu.

The selected pages appear in the Menu Structure list:

navigation-system-6

Drag and drop to rearrange the pages as required. Click Save Menu.

Move to the Manage Locations tab.

navigation-system-7

You see only one menu option since the Fruitful theme supports only one menu.

Select Top Menu and click Save Changes.

If you open the website, you will see that the menu has been added and you can navigate to different pages.

navigation-system-8

Get Started

Remember Me

Have any Question?

[pubble][/pubble]

Where are you currently?

No. Step Duration
1. Choose a Domain Name – Is the domain name of your choice available for purchase? Let’s check 20 mins
2. Register & Host Your Domain Name – Time to commit 20 mins
3. Plan the Webpages – Decide the information you want to add on website 20 mins
4. Collect or Create Basic Website Content – Time to write all the content for the website 3 hrs
5. Install WordPress on Your Website – Let’s start creating website now 20 mins
6. Install a WordPress Theme – Start customizing your Website 20 mins
7. Install Useful Plugins- Add basic functionalities in your website 15 mins
8. Import Media Files – Add all the images & Videos 10 mins
9. Customize Your Website (Part 1) – Customize the Title, Tagline & Icon Image 10 mins
10. Customize the Selected Theme (Part 2) – Set Footer, Logo and other basic elements of your theme 20 mins
11. Create Website Pages and their Navigation System – Create Dummy Home page & other pages and set the website Menu 30 mins
12. Update the Webpages with Planned Content – Write the final copy of all WebPages 60 mins
13. Add a Call-To-Action to the Home Page – Prepare your website to generate leads 20 mins
14. Set the SEO parameters for the webpages – Make your website SEO Friendly 20 mins
15. Activate Google Analytics – Set your website to measure all critical metrics 15 mins
[35000+ People already benefited]
[35000+ People already benefited]
[gravityform id="152" name="Optin Mobile" title="false" ajax="true" description="false" field_values="productid=dm101&furthercom=optinMobile"]
  • This field is for validation purposes and should be left unchanged.
[35000+ People already benefited]
[35000+ People already benefited]
[gravityform id="152" name="Contact Me" title="false" description="false" field_values="productid=dm101&furthercom=optinCTA"]
  • This field is for validation purposes and should be left unchanged.