How To Create Custom Header & Footer in WordPress

🏆 #1 Content Generator - gravitywrite.com/
🌐 The Best Place to Host your Website - webspacekit.com/
❤️ 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗣𝗹𝘂𝗴𝗶𝗻 ➜ websitelearners.com/get/websi...
⚡𝗚𝗲𝘁 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗣𝗿𝗼 ➜ wl.tools/elementor-pro
👉 𝗚𝗲𝘁 𝟱𝟬% 𝗢𝗙𝗙 𝗢𝗡 𝘁𝗵𝗲 𝗦𝗨𝗣𝗘𝗥 𝗙𝗔𝗦𝗧 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜ go.webspacekit.com/CustomHeader
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.
Click this link to download ➜ websitelearners.com/get/websi...
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.
To get elementor pro plugin, click this link ➜ wl.tools/elementor-pro
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.
✅ 𝗪𝗲 𝘄𝗶𝗹𝗹 𝗯𝘂𝗶𝗹𝗱 𝗮 𝗽𝗿𝗼𝗳𝗲𝘀𝘀𝗶𝗼𝗻𝗮𝗹 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗳𝗼𝗿 𝘆𝗼𝘂𝗿 𝗕𝘂𝘀𝗶𝗻𝗲𝘀𝘀 ➜bit.ly/WebsiteRequirement
❤️ 𝗢𝘂𝗿 𝗥𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗧𝗼𝗼𝗹𝘀
🔴 🌐 Free Domain + ⚡ Fast Hosting | 𝗪𝗲𝗯𝗦𝗽𝗮𝗰𝗲𝗞𝗶𝘁 | wl.coupons/3umf3K7
🔴 🖥️ Ready-made Websites for 🏷️ Sale | 𝗠𝗮𝗸𝗲𝗬𝗼𝘂𝗿𝗪𝗣 | wl.coupons/3sdMBHP
🔴 🧑💻 Get your website developed by 👨💻 Experts | wl.coupons/3shxFbK
🔴 🛠️ Check out our Top recommended 𝗧𝗼𝗼𝗹𝘀 | wl.coupons/3J2fwFr
🔥 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗚𝘂𝗶𝗱𝗲 - 𝗦𝗶𝗺𝗽𝗹𝗲 & 𝗘𝗮𝘀𝘆 𝗦𝘁𝗲𝗽𝘀 𝘁𝗼 𝗹𝗮𝘂𝗻𝗰𝗵 𝘆𝗼𝘂𝗿 𝗳𝗶𝗿𝘀𝘁 𝗪𝗲𝗯𝘀𝗶𝘁𝗲
🟢 🖥️ Make a Website in 10 mins | wl.coupons/3ulHXdz
🟢 📰 Make a Blog - Quick & Easy | wl.coupons/3LaS7n0
🟢 🛍️ Make an Ecommerce site | wl.coupons/3L7lw1E
🎓 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘁𝗼 𝗴𝗲𝘁 𝗯𝗲𝘁𝘁𝗲𝗿 𝗮𝘁 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀
🔵 🔥 Beginner WordPress Course | 50% Coupon ytSub | wl.coupons/3J2fxJv
🔵 🛒 Ecommerce Course | SAVE 50% Coupon ytSub | wl.coupons/3ooUvwJ
🔵 📖 Check out our Blog posts for free content | wl.coupons/3LkVUi3
🎁 𝗖𝗼𝘂𝗽𝗼𝗻𝘀
🟡 🔍 Grammarly｜20% off｜wl.coupons/Grammarly
🟡 📲 Publer｜10% off｜wl.coupons/publer
🟡 📈 Mangools ｜10% off｜wl.coupons/mangools
🟡 💼 Fiverr｜10% off Coupon WEBSITELEARNERS10｜wl.tools/fiverr
🟡 🖼️ Astra｜10% off Coupon WLDiscount｜wl.coupons/Astra
🟡 📊 SEMScoop｜20% off Coupon SAVE20LT｜wl.coupons/SEMScoop
🟡 📝Anyword｜20 % off Coupon Anyword20｜ wl.tools/Anyword
🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:
𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: websitelearners.com/careers/
Want your website developed by us? Email us your requirements to [e-mail]
💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:
Instagram ➜ / websitelearners
Facebook ➜ / websitelearners
LinkedIn ➜ / website-learners "

[@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! 👀

[@Ranhd23]

Hi thanks for this great tutorial. I've tried this but the header or footer weren't added to my site even after i updated. What is the problem? currently I'm creating website with localhost, wonder if this is the problem. Thanks in advance

[@Ranhd23]

or maybe I missed something from the video

[@thehumanbeingstyling8689]

Can't we add elementor plugin from add plugin option itself?
I mean Why to download frm link nd then upload in 'upload plugin section.. '

[@1To4Gaming1990]

your card 1st 6 digits (bin) are visible , i prefer you to cut that part. Love your videos

[@ritikrathod6701]

What is name of this theme

[@niki_vienna8838]

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!

[@luigiryan2416]

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!

[@ramioooz]

Your lessons and tutorials are matchless. Thank you for spending time making them and for sharing them. You are beautiful. 👌

[@webtech927]

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

[@stephenammerman2806]

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.

[@jemellesalazar5457]

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

[@draganradosavljevic8982]

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

[@jonnalynroquero8034]

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

[@shak8339]

Simply great help👍🤘🏼You guys rock🤘🏼

[@saswatnayak1479]

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

[@vaishalidubey5590]

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

[@ilijadadasovic6962]

Excellent :) Thank you so much for this tutorial

[@ahmedsagheerhashmi7683]

Thanks and appreciated for your efforts to making this tutorial

[@kempoconsulting4212]

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

[@jeffstahl1899]

Excellent tutorial. Step by step and easy to understand.

[@tiktok.stranger]

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

[@ashurakingrhyzenkukobun1802]

What a gorgeous tutorial crystal clear easy to understand

[@amanpreet283]

Great work!! Thank you so much sir

[@anastasiyakyrychenko6279]

you're a beast buddy. thank you so much!

[@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.

[@agreekinnorway]

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

[@usmantariq155]

Thanks ❣️
What an amazing totourial!!

[@SlickFX_TF]

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

[@md.shafiqulislam1228]

Great tutorial! Thank you so much.

[@ykMasiH]

Thank you soo soo much man! Appreciated broo

[@andreainks1430]

Thank you great simple tutorial : )

[@ECONXPRESS]

Great tutorial. Keep it up.

[@loveformyfurryangels6765]

U r a great teacher .I was unable not understand the whole elementer header and footer . Through your tutorial i learned so fast.

[@MEHYT23]

thankyou sooooooo much learned so much and made a good header love you guys

[@oystercommunications]

Thank you Bryan! Best video yet on the topic!

[@cristinapalomec6632]

BRILLIANTLY ARTICULATED!!!!!!! CLEAR AND CONCISE 👍

[@ampleaims2653]

My humble thanks for such a detailed video.

[@surajgupta31089]

Thank you, sir, for making this video. I was able to successfully create my footer as well as the copyright section.

[@muntheralrashidani]

thank you, that was very helpful

[@bhupimages]

Love the way of your teaching style. God bless you

[@karthikeyana5617]

i love all your videos thank you very much for the videos

[@infomaticsnew]

Thanks brother.....a great full content

[@lynnebalzer5520]

Excellent instruction! Thanks.

[@shivamtiwarifitness3497]

The way you teach is amazing 👍👍

[@adeshchandra9826]

Very helpful video. Thanks

[@wizardfifa6323]

Great lesson!

[@elizabethmukuka3108]

Thank you!

[@sbcapturepk]

Thanks a Lot, Very Helpfull stuff you are providing. Keep the Momentum Up. 👌

[@arturzatorski7587]

i was about to give up then i watched your video-life saving!!!

[@fahimsamadi]

Enjoyed the video thank you master

[@varindersingh6327]

Thanks for the video it's helpful

[@seematomer8986]

All steps explained easily ....thank you so much sir 🙏 😊

[@wowworld4892]

Website learners you guyz are just amazing

[@UFunGaming]

Love your content❤️

[@mycaptivethoughtswithatosh5737]

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.

[@viraajmakwana143]

THANK YOU!

[@vhbb6444]

Great video… thank u

[@nataliestewart6706]

this is the best explanation i have seen on youtube for this project on Header and Footer. for a first timer. thank you

[@WebsiteLearners]

You're very welcome!

[@kazimohammedazim4691]

VERY HELPFUL. THANKS.

[@qazimtahir]

Really very lovely tutorial. Thanks

[@mnumanarif]

Love you Bro your all tutorials are so simple and Easy..

[@ItzFactzilla]

Superb tutorial. Thanks a lot

[@naptune.5.033]

Thank, you made it easy

[@uzzalhossain241]

Thank you so much brother..

[@sakshigabhane_chakole4520]

Excellent explanation.... very helpfull for beginners. Thanks a ton... 🙏🏻👍🏻

[@SheikhSujat409]

Thanks a lot brother. Your understanding system is just awesome, amazing, outstanding.

[@abdiazizismail5589]

Thank you very much my bro ,

[@ishu_vlog693]

very useful ,thanks for sharing

[@Demon_____King]

coz you did great work on the video, thank u for your help o7

[@tartanrambo]

What an excellent tutorial! You have a great presentation. I was able to follow along and get everything I needed. Thank you!

[@rajangaming777]

don't lay

[@mahrukhkhalid3581]

thank u so much you explain this step by step.
Amazing tutorial

[@ebrahimquriesh8390]

THANKS SO MUCH BROTHER

[@rugzilla5590]

THANKS BRO GREAT WORK

[@shabeerentertainment2604]

it really helped me thanks

[@sharifulakbar9343]

Thank you so much

[@erictonyes]

I love how you broke the fourth wall at 2:10
very creative, cool.

[@DineshKumar-ep7ho]

You r too good. Make the difficult things so simple. Keep going

[@subhraroychowdhury5005]

Very good presentation, truly admirable

[@mykeloyayimika2563]

wow!! what a wonderful and self educative video. Your videos are top notch keep it up.

[@moisesandre]

Excellent! Contratulations!!!

[@Rise_and_Thrive365]

Thank you 😊

[@yacouba4401]

I always learn fast from You, thank you soo much God Bless You

[@anuruddhasenarath6304]

Thank you bro...

[@oloyepreciousSamuel]

Awesome tutorial

[@033ehtishamulhaq9]

such a nice way of teaching .
Very helpful.
Thanks For providing us an amazing way of teaching.

[@fashionmafia5228]

doing well sir, the way u inspiring us.... feeling very delighted after learning from you....
keep rolling sir

[@asmazubair4066]

Thank you so much for sharing this. You had always been a great help. Love your videos.

[@WebsiteLearners]

You are so welcome

[@uditbhattacharya-student4603]

I really appreciate your effort in making such informative videos with real geat user-friendliness. Keep up the good work. 💟

[@primeradianttechnologies3085]

You are one of the best teachers ever man , respect!

[@WebsiteLearners]

Glad you think so!

[@abhishekchougule49]

Great editing of video great understanding...nd much more thank you ❤

[@local-seo-consultant]

Thanks brother, solve my problem easily

[@mdashikmia8217]

Thats Awesome brother.Really wonderful.From Bangladesh

[@techthakurji8059]

best video for beginner helpful

[@sarfarazsyed6231]

Well done your way of presentation is unique 👍

[@rikonbdtech]

Very helpfull video.....Thanks brother

[@WebsiteLearners]

Hi,Thank you for your suggestion and support. We request you to please share your suggestion here to keep us notified. websitelearners.com/suggest-a-video-topic/

[@rohitverma6945]

Sir thank you very much for giving such information

[@amycooper5051]

Thank you!!!

[@sartipchay895]

Thank you, Great video

[@WebsiteLearners]

Glad it helped

[@joychandbd]

Thanks bosss

[@tusharhusain4425]

Thanks a lot

[@mnshikur]

Thanks bro

[@hasnainusman8494]

Thanks for thiz video

[@Checkup-Services]

Great work.
I want to learn how to make illustration videos like this one