The header and footer appear on every page, so they shape the first impression and the last action of every visit. These three videos show how to build a new header, create a footer from scratch and customise both in the Astra theme.
What a good header includes
- Your logo, linked to the home page.
- A short main menu of five to seven items.
- One clear call to action, such as Call now, Book or Get a quote. Design one with our CTA button generator.
- A phone number that can be tapped on mobile. Make the link with the click-to-call link generator.
- A mobile menu that is easy to open and close.
What a good footer includes
- Contact details: phone, email, address and WhatsApp.
- Links to key pages and services.
- Social media icons.
- Privacy policy and terms links.
- Copyright line with the current year.
Ways to build them in WordPress
- Theme header and footer builders, like the Astra builder shown in the third video: drag elements into rows and columns.
- Page builders such as Elementor: design a template and set it to display site-wide.
- Block themes: edit the header and footer template parts in the Site Editor.
Tips
Test the header on a phone first. Make the sticky header slim so it does not cover content. Keep the footer tidy; it is a menu, not a dumping ground.
Watch: new footer from scratch, and Astra header and footer
Create A New Footer in WordPress From Scratch5:50Create A New Footer in WordPress From Scratch
How to Customize Astra Theme Header and Footer3:56How to Customize Astra Theme Header and Footer
Want the full picture? This article is part of Business websites: the complete guide, our in-depth guide with everything in one place.
