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 contact@websitelearners.com
💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:
Instagram ➜ / websitelearners
Facebook ➜ / websitelearners
LinkedIn ➜ / website-learners "
Пікірлер: 523
*🚀 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
2 жыл бұрын
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
2 жыл бұрын
or maybe I missed something from the video
@thehumanbeingstyling8689
2 жыл бұрын
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
2 жыл бұрын
your card 1st 6 digits (bin) are visible , i prefer you to cut that part. Love your videos
@ritikrathod6701
2 жыл бұрын
What is name of this theme
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!
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!
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!
I can't belive that I am learning from a master. Thank you very much 💗❤️
Great tutorial! Thank you so much. I like how you explain everything, easy to follow and understand. God Bless you! 😊 Liked and Subscribed! 🧡
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.
This guy is a beast of the web edu.. God job guys grettinghs from Greece!
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.
i was about to give up then i watched your video-life saving!!!
Your videos are super amazing and the way you teach is beyond expectations. Thank you so much.
My friend ... you by far are the best at explaining things. Well done and thank you
U r a great teacher .I was unable not understand the whole elementer header and footer . Through your tutorial i learned so fast.
Loved the way you explain everything in detail. Keep up the good work. 🙏😊
Well done you! Thank you for this step-by-step tutorial.
Website learners you guyz are just amazing
My humble thanks for such a detailed video.
This is the best wp/elementor tutorial I have seen. Great vide mate, thank you.
Thank you, sir, for making this video. I was able to successfully create my footer as well as the copyright section.
Love u so much guys i have fully crated my buaines site with ur videos Allah bless you
Great and helpful video for beginners!! Thank you so much!
Excellent tutorial. Step by step and easy to understand.
Love the way of your teaching style. God bless you
Simply great help👍🤘🏼You guys rock🤘🏼
Thanks ❣️ What an amazing totourial!!
Thank you Bryan! Best video yet on the topic!
Your lessons and tutorials are matchless. Thank you for spending time making them and for sharing them. You are beautiful. 👌
Thanks for the video it's helpful
The way you teach is amazing 👍👍
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!
What a gorgeous tutorial crystal clear easy to understand
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.
Love you Bro your all tutorials are so simple and Easy..
Thanks and appreciated for your efforts to making this tutorial
Great tutorial! Thank you so much.
All steps explained easily ....thank you so much sir 🙏 😊
Thanks a Lot, Very Helpfull stuff you are providing. Keep the Momentum Up. 👌
BRILLIANTLY ARTICULATED!!!!!!! CLEAR AND CONCISE 👍
Superb tutorial. Thanks a lot
You r too good. Make the difficult things so simple. Keep going
I love how you broke the fourth wall at 2:10 very creative, cool.
thankyou sooooooo much learned so much and made a good header love you guys
Excellent :) Thank you so much for this tutorial
I always learn fast from You, thank you soo much God Bless You
Excellent instruction! Thanks.
Great work!! Thank you so much sir
Great tutorial. Keep it up.
i love all your videos thank you very much for the videos
thank you, that was very helpful
What an excellent tutorial! You have a great presentation. I was able to follow along and get everything I needed. Thank you!
@rajangaming777
2 жыл бұрын
don't lay
Thank you soo soo much man! Appreciated broo
best video for beginner helpful
Thanks brother.....a great full content
Thank you great simple tutorial : )
Excellent explanation.... very helpfull for beginners. Thanks a ton... 🙏🏻👍🏻
Thats Awesome brother.Really wonderful.From Bangladesh
Great lesson!
Very helpful video. Thanks
This channel deserve 10million
what if my header customed is blocking my plugins for boguht theme?
You are one of the best teachers ever man , respect!
@WebsiteLearners
Жыл бұрын
Glad you think so!
VERY HELPFUL. THANKS.
you're a beast buddy. thank you so much!
Hi Bryan. It is lovely watching your videos. You explain the concepts and issues with such crisp clarity. you made this video 2 yrs back. Now, options in elementor header and footer plugin have changed. From WP dashboard, we click on Appearence, then it shows option 'Elementor Header and Footer Builder' and not Blocks as shown in video. When we click on 'Elementor Header and Footer Builder', we land at a page where we are totally clueless. Can you kindly help. I am using GP theme on wordpress site. Thns. Rgrds.
Thanks a lot brother. Your understanding system is just awesome, amazing, outstanding.
Thanks, sir for this video. Allah always blessed you.Ameen
thank u so much you explain this step by step. Amazing tutorial
doing well sir, the way u inspiring us.... feeling very delighted after learning from you.... keep rolling sir
it really helped me thanks
Thanks brother, solve my problem easily
such a nice way of teaching . Very helpful. Thanks For providing us an amazing way of teaching.
wow!! what a wonderful and self educative video. Your videos are top notch keep it up.
Brother you are awesome. Your explanation and every video from your KZread channel really mind blowing. Really I feel very happy after watching every video.
Really very lovely tutorial. Thanks
Thank, you made it easy
Great editing of video great understanding...nd much more thank you ❤
Superb Brother. I am really impressed the you teach and make audience understand quite easily. Thanks a Lottttt
Enjoyed the video thank you master
Great video… thank u
I really appreciate your effort in making such informative videos with real geat user-friendliness. Keep up the good work. 💟
THANKS SO MUCH BROTHER
I try to solve this problem for 3 years and now i found the solution. Thank you a lot for the nice tutorial.
Thank you very much my bro ,
Well done your way of presentation is unique 👍
very useful ,thanks for sharing
Very good presentation, truly admirable
Love your content❤️
Sir you are the best please upload more videos like slide adding and more
coz you did great work on the video, thank u for your help o7
THANK YOU!
Thank you!
Thank you so much brother..
Sir thank you very much for giving such information
Level ... unbelievable skills.. master
Excellent! Contratulations!!!
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/
THANKS BRO GREAT WORK
sir thank you so much , you helped me a lot love a lot from lahore, pakistan
You're angel 😇 Whatever I require and need. You guys always provide the same video to help.
Thank you so much sir 😘😘😘😘