Creating Navigation & Menus
You will learn how to create navigation menus in WordPress, link pages together, and ensure their site is easy for visitors to navigate.
Scripture
Isaiah 30:21 (HCSB) – “And whenever you turn to the right or to the left, your ears will hear this command behind you: ‘This is the way. Walk in it.’”
→ Tie-in: Just as God directs our steps, a website’s navigation guides visitors clearly to where they should go.
Website Structure Basics
Understanding Website Navigation
- Why navigation matters:
- Helps visitors find what they need quickly.
- Improves user experience and SEO.
- Types of navigation:
- Primary menu (top of site).
- Footer menu (bottom of site).
Secondary menus (optional dropdowns).
Creating Menus in WordPress
- Live demo:
- Go to Appearance → Menus.
- Create a new menu and name it “Main Menu.”
- Add pages (Home, About, Contact, etc.).
- Arrange the order and create dropdown menus if needed.
- Assign the menu to the “Primary Menu” location.
Show how to create a footer menu with links like Privacy Policy, Terms, Contact.
Linking Pages & Custom Links
- How to:
- Link to internal pages.
- Add external links (e.g., social media).
- Link to specific sections of a page using anchor links.
Class Activity:
Students create their own main navigation menu using their sitemap from Week 2.
Class Activity – Build Your Menu
- Students:
- Create their primary menu and assign it.
- Add all completed pages (Home, About, Contact) and placeholders for future pages.
- Test links to ensure they work.
Teacher circulates to check that menus are user-friendly and logical.
Homework
- Finalize your primary menu.
- Create and assign a footer menu with at least 3 links.
Draft the content for your Contact page (text + form idea).