How To Create Custom Header & Footer in WordPress

Learn how to create a custom header and footer for your WordPress website

🎬 𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗖𝗼𝗻𝘁𝗲𝗻𝘁𝘀
0:00 Intro
0:53 Install Elementor Plugin
2:46 Create Custom Header
10:10 Optimize Your Design for Mobile View
11:42 Create Custom Footer
19:24 Import Premade Header & Footer Design

📌 𝗙𝗼𝗹𝗹𝗼𝘄 𝘁𝗵𝗲𝘀𝗲 𝘀𝗶𝗺𝗽𝗹𝗲 𝘀𝘁𝗲𝗽𝘀

To create a custom header & footer,
Install Elementor Header & Footer plugin,
And install the Elementor plugin on your website.

Part 1: To create custom header
Step 1: Create a header block
Go to dashboard ► Appearance ► Header Footer & Blocks ► Add New
Give block name & select header in type of template.
Now select where you want to display the header and click Publish.

Step 2 : Design the header section
Click Edit with Elementor & click the plus icon and select layout.
Now design the header by adding elements.
To change the look of your header in mobile view,
Go to elementor editing page & change the responsive mode to Mobile.

Part 2: To create a custom footer.
Step 1: Create a footer block
Go to dashboard ► Appearance ► Header Footer & Blocks ► Add New
Name your block & select Footer in type of template.
Now select where you want to display the footer & click ‘Publish’.

Step 2 : Design the Footer section
Click Edit with Elementor & select a layout by clicking the plus icon.
Now you can start designing your footer by adding elements.

Choose a plan, fill up the details & make purchase.
Download & Install the plugin to your WordPress site.
To import the design, go to dashboard ► Templates ► Add New
Choose header/footer from the type of template & give a name to it.
Now click ‘Create Template’ & choose the design & click publish.

So this is how you can create a custom header & footer section to your website using Elementor.

❤️ 𝗢𝘂𝗿 𝗥𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗧𝗼𝗼𝗹𝘀

🔥 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗚𝘂𝗶𝗱𝗲 - 𝗦𝗶𝗺𝗽𝗹𝗲 & 𝗘𝗮𝘀𝘆 𝗦𝘁𝗲𝗽𝘀 𝘁𝗼 𝗹𝗮𝘂𝗻𝗰𝗵 𝘆𝗼𝘂𝗿 𝗳𝗶𝗿𝘀𝘁 𝗪𝗲𝗯𝘀𝗶𝘁𝗲

🎓 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘁𝗼 𝗴𝗲𝘁 𝗯𝗲𝘁𝘁𝗲𝗿 𝗮𝘁 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀

🎁 𝗖𝗼𝘂𝗽𝗼𝗻𝘀

🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:

[WebsiteLearners]

*🚀 Check out these tools made by Website Learners*:

😥 Save Time Let AI Write For You ➜ Visit GravityWrite.com _(Rated 4.7/5 by customers)_
⚡ Get Lightning Fast Website at WebSpaceKit ➜ WebSpaceKit.com/offer

Thanks for watching! Share a link to your custom WordPress header or footer in the comments - I'd love to see what you created! 👀

[niki_vienna]

I have been trying to do it for a while now, and it seems like there are so many ways to do the footer, but this is the first one that actually worked in my case! Thank you mate!

[luigiryan]

I cannot thank you enough for this excellent video, people were saying that it was impossible to create your own header and footer, but I have just done so after watching this video!! Thank you so much!

[srmoonful]

FINALLY...found my way here after watching videos that are far too complicated - THANK YOU for making this one so accessible for complete beginners like me!

[webtech]

I can't belive that I am learning from a master.
Thank you very much 💗❤️

[jemellesalazar]

Great tutorial! Thank you so much. I like how you explain everything, easy to follow and understand. God Bless you! 😊 Liked and Subscribed! 🧡

[vaishalidubey]

Your videos are super amazing and the way you teach is beyond expectations. Thank you so much.

[saswatnayak]

Loved the way you explain everything in detail. Keep up the good work. 🙏😊

[stephenammerman]

Thank you so much for this great tutorial. I have been trying to figure out how to do this and you video is the only instruction I found that explained the process in very clear terms.

[draganradosavljevic]

Well done you! Thank you for this step-by-step tutorial.

[kempoconsulting]

My friend ... you by far are the best at explaining things. Well done and thank you

[SlickFX_TF]

This is the best wp/elementor tutorial I have seen. Great vide mate, thank you.

[TheUkhrulian]

Brother, you are the best of all the technical demonstrators around the world. I give my regards to you. Wishing you all the best and looking forward to more such great videos from you.

[jonnalynroquero]

Great and helpful video for beginners!! Thank you so much!

[agreekinnorway]

This guy is a beast of the web edu.. God job guys grettinghs from Greece!

[jeffstahl]

Excellent tutorial. Step by step and easy to understand.

[ilijadadasovic]

Excellent :) Thank you so much for this tutorial

[ahmedsagheerhashmi]

Thanks and appreciated for your efforts to making this tutorial

[mycaptivethoughtswithatosh]

Thank you so much! This was very helpful and so easy to follow along. I've been trying to figure out how to add a header and your video made it clear.

[cartoonboss]

Love u so much guys i have fully crated my buaines site with ur videos Allah bless you