Most WordPress sites are built from the inside out — pages, posts, and content first, with the header and footer treated as an afterthought. The result is usually a navigation menu stuffed with too many links, a footer that’s nearly empty, and a structure that makes it harder for visitors to find what they need.
The header and footer appear on every single page of your site. Getting them right early prevents a lot of rework later, and gives your site a consistent structure that visitors can rely on from the moment they arrive.
In most sites I build, I set both sections up before working on individual pages. Once the header is sorted and the footer is in place, the rest of the site is much easier to organise.
Quick Answer
Go to Appearance → Menus to create your main navigation menu, then assign it to the Primary Menu location. For classic themes, use Appearance → Customize to add your logo and configure both the header and footer. For block themes, open Appearance → Editor and edit the Header and Footer template parts directly. Both sections appear automatically across your entire site once set up.
Why This Matters
Your header and footer do more than frame your content. The header is how visitors navigate your site — the first thing they see and the first place they look when they want to find something specific. The footer handles everything else: secondary links, legal pages, and contact details that people expect to find when they scroll to the bottom.
From an SEO standpoint, consistent navigation helps search engines map your site’s structure and crawl it efficiently. Broken or confusing navigation is one of the most common causes of poor crawl coverage on small WordPress sites — and one of the easiest things to get right from the start.
If you haven’t settled on your layout yet, it’s worth deciding how the header fits into your overall site layout before you start configuring it. The header doesn’t exist in isolation — it’s part of the visual hierarchy of every page.
Step-by-Step Instructions
1. Create Your Main Navigation Menu
The header depends on a navigation menu, so start here before touching anything else.
Go to Dashboard → Appearance → Menus. Create a new menu — name it something clear like “Main Menu” — and add your core pages:
- Home
- About
- Blog or Services (depending on your site type)
- Contact
Keep it to four to six items. Under Menu Settings, assign it to the Primary Menu location. This is what gets displayed in the header. The WordPress Menus documentation walks through the full interface in detail if you haven’t used it before.
2. Set Up the Header
How you configure the header depends on your theme type.
Classic themes — go to Appearance → Customize → Header. Upload your logo, choose the header layout, and select which menu appears at the top of your pages. Most of the common options are visible directly in the panel.
Block themes — go to Appearance → Editor, then open the Header template part. Here you edit the header by placing and arranging blocks directly: Site Logo, Navigation, Buttons, and so on. Block themes give more layout flexibility, but the Site Editor has a steeper learning curve than the Customizer — expect to spend a little extra time getting familiar with it.
3. Add the Right Elements to the Header
Keep the header focused. Most sites only need three things:
- Logo — placed on the left
- Navigation menu — centred or on the right
- Optional call-to-action button — something like “Get Started” or “Contact” if your site has a clear conversion goal
Avoid adding social icons, widgets, or secondary menus to the header. All of that adds visual weight without improving usability for most visitors. Search bars in the header make sense on content-heavy or ecommerce sites — for most small WordPress sites, they’re unnecessary clutter at the top of every page.
4. Build the Footer Structure
The footer handles everything the header doesn’t. A practical layout uses two to four columns:
- Column 1 — Main pages: About, Blog or Services
- Column 2 — Useful links: Contact, FAQ
- Column 3 — Legal pages: Privacy Policy, Terms and Conditions, Disclosure
- Column 4 (optional): Contact details or social links
Go to Appearance → Customize → Footer (classic themes) or Appearance → Editor → Footer template part (block themes). I usually create a dedicated footer menu in Appearance → Menus — separate from the main navigation — with secondary and legal links grouped together. It’s much easier to maintain as your site grows than managing everything through widgets.
End the footer with a copyright line: your business or site name and the current year.
5. Apply Both Sections Globally
In classic themes, the header and footer appear on every page automatically through the theme layout. In block themes, they’re applied via template parts. You shouldn’t need to do anything extra once the template parts are saved.
If either section is missing from certain pages, check whether those pages use a custom page template that removes the global sections. That’s almost always the cause — switching the page template back to the default fixes it immediately.
Practical Tips
I usually recommend creating a dedicated footer menu in Appearance → Menus, separate from your main navigation, and using it purely for secondary and legal links. Keeping these two menus distinct avoids the confusion that comes from having to untangle them later when you add or rename pages.
Test the header on mobile before you consider it finished. Some themes collapse the navigation into a hamburger menu automatically; others require extra configuration or custom CSS. Checking this early is much easier than dealing with it once the rest of the site is built. If the mobile layout needs significant work, the steps in how to create a mobile-friendly WordPress website cover what to look at.
One thing I see regularly: people spend time on the visual appearance of the header before deciding what actually goes in it. It works better in reverse — settle the structure first, then adjust how it looks. You’ll make fewer changes overall.
Common Mistakes
Too many items in the main menu. More than six navigation links makes it harder for visitors to find anything and often causes layout problems on smaller screens. Keep the primary menu to the pages that matter most.
Missing legal pages in the footer. Privacy Policy, Terms and Conditions, and Disclosure links are often forgotten when you’re focused on content. They should be in the footer on every page — not buried or left out entirely.
Inconsistent navigation between page templates. If the header changes between different templates — even slightly — visitors lose their sense of where they are. Check that every page template uses the same global header.
No call-to-action in the header. If your site has a goal, give it a spot in the header. A single well-placed button or highlighted link makes a measurable difference on most sites.
Only checking the desktop view. The header layout on a large screen can look fine while the mobile version is broken or cluttered. Test both before publishing.
When to Use This vs Alternatives
A standard header and footer setup is the right approach for most WordPress sites. A few situations where you’d adjust it:
- Landing pages — Remove the header and footer entirely to eliminate distractions and keep visitors focused on a single action. Most page builders have a blank template option for this.
- Ecommerce sites — The header typically needs a search bar, cart icon, and account link, which requires a different configuration depending on your theme and plugins.
- Sites with a sidebar — On blog or content sites, the sidebar and header navigation work together as part of the same structural system. It’s worth planning both at the same time — see how to create a website sidebar in WordPress for how to approach the sidebar side of that.
Conclusion
Set up a focused header with your main navigation menu, use the footer for secondary links and legal pages, and verify both sections appear consistently across your page templates and on mobile. For a complete walkthrough of how to build a WordPress website from start to finish, every stage from initial structure through to launch is covered there.
Etienne Basson works with website systems, SEO-driven site architecture, and technical implementation. He writes practical guides on building, structuring, and optimizing websites for long-term growth.