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

  • @WebsiteLearners
    @WebsiteLearners3 жыл бұрын

    *🚀 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

    @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

    @Ranhd23

    2 жыл бұрын

    or maybe I missed something from the video

  • @thehumanbeingstyling8689

    @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

    @1To4Gaming1990

    2 жыл бұрын

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

  • @ritikrathod6701

    @ritikrathod6701

    2 жыл бұрын

    What is name of this theme

  • @niki_vienna8838
    @niki_vienna88382 жыл бұрын

    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
    @luigiryan24162 жыл бұрын

    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
    @srmoonful3 жыл бұрын

    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!

  • @webtech927
    @webtech9273 жыл бұрын

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

  • @jemellesalazar5457
    @jemellesalazar54573 жыл бұрын

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

  • @stephenammerman2806
    @stephenammerman28062 жыл бұрын

    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.

  • @agreekinnorway
    @agreekinnorway2 жыл бұрын

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

  • @TheUkhrulian
    @TheUkhrulian2 жыл бұрын

    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.

  • @arturzatorski7587
    @arturzatorski7587 Жыл бұрын

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

  • @vaishalidubey5590
    @vaishalidubey55902 жыл бұрын

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

  • @kempoconsulting4212
    @kempoconsulting42122 жыл бұрын

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

  • @loveformyfurryangels6765
    @loveformyfurryangels67652 жыл бұрын

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

  • @saswatnayak1479
    @saswatnayak14793 жыл бұрын

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

  • @draganradosavljevic8982
    @draganradosavljevic89823 жыл бұрын

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

  • @wowworld4892
    @wowworld48922 жыл бұрын

    Website learners you guyz are just amazing

  • @ampleaims2653
    @ampleaims26532 жыл бұрын

    My humble thanks for such a detailed video.

  • @SlickFX_TF
    @SlickFX_TF2 жыл бұрын

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

  • @surajgupta31089
    @surajgupta310892 жыл бұрын

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

  • @tiktok.stranger
    @tiktok.stranger3 жыл бұрын

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

  • @jonnalynroquero8034
    @jonnalynroquero80342 жыл бұрын

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

  • @jeffstahl1899
    @jeffstahl18992 жыл бұрын

    Excellent tutorial. Step by step and easy to understand.

  • @bhupimages
    @bhupimages2 жыл бұрын

    Love the way of your teaching style. God bless you

  • @shak8339
    @shak83393 жыл бұрын

    Simply great help👍🤘🏼You guys rock🤘🏼

  • @usmantariq155
    @usmantariq155 Жыл бұрын

    Thanks ❣️ What an amazing totourial!!

  • @oystercommunications
    @oystercommunications9 ай бұрын

    Thank you Bryan! Best video yet on the topic!

  • @ramioooz
    @ramioooz Жыл бұрын

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

  • @varindersingh6327
    @varindersingh63272 жыл бұрын

    Thanks for the video it's helpful

  • @shivamtiwarifitness3497
    @shivamtiwarifitness34973 жыл бұрын

    The way you teach is amazing 👍👍

  • @nataliestewart6706
    @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

    @WebsiteLearners

    Жыл бұрын

    You're very welcome!

  • @ashurakingrhyzenkukobun1802
    @ashurakingrhyzenkukobun18022 жыл бұрын

    What a gorgeous tutorial crystal clear easy to understand

  • @mycaptivethoughtswithatosh5737
    @mycaptivethoughtswithatosh57372 жыл бұрын

    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.

  • @mnumanarif
    @mnumanarif2 жыл бұрын

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

  • @ahmedsagheerhashmi7683
    @ahmedsagheerhashmi76833 жыл бұрын

    Thanks and appreciated for your efforts to making this tutorial

  • @md.shafiqulislam1228
    @md.shafiqulislam122811 ай бұрын

    Great tutorial! Thank you so much.

  • @seematomer8986
    @seematomer89863 жыл бұрын

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

  • @sbcapturepk
    @sbcapturepk2 жыл бұрын

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

  • @cristinapalomec6632
    @cristinapalomec6632 Жыл бұрын

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

  • @ItzFactzilla
    @ItzFactzilla Жыл бұрын

    Superb tutorial. Thanks a lot

  • @DineshKumar-ep7ho
    @DineshKumar-ep7ho2 жыл бұрын

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

  • @erictonyes
    @erictonyes Жыл бұрын

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

  • @MEHYT23
    @MEHYT233 жыл бұрын

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

  • @ilijadadasovic6962
    @ilijadadasovic69623 жыл бұрын

    Excellent :) Thank you so much for this tutorial

  • @yacouba4401
    @yacouba44012 жыл бұрын

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

  • @lynnebalzer5520
    @lynnebalzer55202 жыл бұрын

    Excellent instruction! Thanks.

  • @amanpreet283
    @amanpreet2833 жыл бұрын

    Great work!! Thank you so much sir

  • @ECONXPRESS
    @ECONXPRESS3 жыл бұрын

    Great tutorial. Keep it up.

  • @karthikeyana5617
    @karthikeyana56173 жыл бұрын

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

  • @muntheralrashidani
    @muntheralrashidani2 жыл бұрын

    thank you, that was very helpful

  • @tartanrambo
    @tartanrambo3 жыл бұрын

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

  • @rajangaming777

    @rajangaming777

    2 жыл бұрын

    don't lay

  • @ykMasiH
    @ykMasiH2 жыл бұрын

    Thank you soo soo much man! Appreciated broo

  • @techthakurji8059
    @techthakurji80593 жыл бұрын

    best video for beginner helpful

  • @infomaticsnew
    @infomaticsnew19 күн бұрын

    Thanks brother.....a great full content

  • @andreainks1430
    @andreainks1430 Жыл бұрын

    Thank you great simple tutorial : )

  • @sakshigabhane_chakole4520
    @sakshigabhane_chakole45202 жыл бұрын

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

  • @mdashikmia8217
    @mdashikmia82176 ай бұрын

    Thats Awesome brother.Really wonderful.From Bangladesh

  • @wizardfifa6323
    @wizardfifa63233 жыл бұрын

    Great lesson!

  • @adeshchandra9826
    @adeshchandra98263 жыл бұрын

    Very helpful video. Thanks

  • @psy-code6635
    @psy-code66352 жыл бұрын

    This channel deserve 10million

  • @Politicalmeme
    @Politicalmeme3 жыл бұрын

    what if my header customed is blocking my plugins for boguht theme?

  • @primeradianttechnologies3085
    @primeradianttechnologies3085 Жыл бұрын

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

  • @WebsiteLearners

    @WebsiteLearners

    Жыл бұрын

    Glad you think so!

  • @kazimohammedazim4691
    @kazimohammedazim4691 Жыл бұрын

    VERY HELPFUL. THANKS.

  • @anastasiyakyrychenko6279
    @anastasiyakyrychenko62793 жыл бұрын

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

  • @sunilgoel71
    @sunilgoel7110 ай бұрын

    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.

  • @SheikhSujat409
    @SheikhSujat4092 жыл бұрын

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

  • @Islamm99
    @Islamm992 жыл бұрын

    Thanks, sir for this video. Allah always blessed you.Ameen

  • @mahrukhkhalid3581
    @mahrukhkhalid35812 жыл бұрын

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

  • @fashionmafia5228
    @fashionmafia52282 жыл бұрын

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

  • @shabeerentertainment2604
    @shabeerentertainment26043 жыл бұрын

    it really helped me thanks

  • @local-seo-consultant
    @local-seo-consultant2 жыл бұрын

    Thanks brother, solve my problem easily

  • @033ehtishamulhaq9
    @033ehtishamulhaq92 жыл бұрын

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

  • @mykeloyayimika2563
    @mykeloyayimika25633 жыл бұрын

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

  • @PVKKnowledgeBank1
    @PVKKnowledgeBank1 Жыл бұрын

    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.

  • @qazimtahir
    @qazimtahir3 жыл бұрын

    Really very lovely tutorial. Thanks

  • @naptune.5.033
    @naptune.5.0332 жыл бұрын

    Thank, you made it easy

  • @abhishekchougule49
    @abhishekchougule495 ай бұрын

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

  • @md.enayet4106
    @md.enayet41062 жыл бұрын

    Superb Brother. I am really impressed the you teach and make audience understand quite easily. Thanks a Lottttt

  • @fahimsamadi
    @fahimsamadi3 жыл бұрын

    Enjoyed the video thank you master

  • @vhbb6444
    @vhbb64442 жыл бұрын

    Great video… thank u

  • @uditbhattacharya-student4603
    @uditbhattacharya-student46032 жыл бұрын

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

  • @ebrahimquriesh8390
    @ebrahimquriesh8390 Жыл бұрын

    THANKS SO MUCH BROTHER

  • @taikunfamily
    @taikunfamily3 жыл бұрын

    I try to solve this problem for 3 years and now i found the solution. Thank you a lot for the nice tutorial.

  • @abdiazizismail5589
    @abdiazizismail5589 Жыл бұрын

    Thank you very much my bro ,

  • @sarfarazsyed6231
    @sarfarazsyed62312 жыл бұрын

    Well done your way of presentation is unique 👍

  • @ishu_vlog693
    @ishu_vlog6933 жыл бұрын

    very useful ,thanks for sharing

  • @subhraroychowdhury5005
    @subhraroychowdhury50053 жыл бұрын

    Very good presentation, truly admirable

  • @UFunGaming
    @UFunGaming2 жыл бұрын

    Love your content❤️

  • @gulwatan
    @gulwatan2 жыл бұрын

    Sir you are the best please upload more videos like slide adding and more

  • @Demon_____King
    @Demon_____King Жыл бұрын

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

  • @viraajmakwana143
    @viraajmakwana1432 жыл бұрын

    THANK YOU!

  • @elizabethmukuka3108
    @elizabethmukuka3108 Жыл бұрын

    Thank you!

  • @uzzalhossain241
    @uzzalhossain2413 жыл бұрын

    Thank you so much brother..

  • @rohitverma6945
    @rohitverma69452 жыл бұрын

    Sir thank you very much for giving such information

  • @HassanAli-cq6kx
    @HassanAli-cq6kx3 жыл бұрын

    Level ... unbelievable skills.. master

  • @moisesandre
    @moisesandre Жыл бұрын

    Excellent! Contratulations!!!

  • @rikonbdtech
    @rikonbdtech Жыл бұрын

    Very helpfull video.....Thanks brother

  • @WebsiteLearners

    @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/

  • @rugzilla5590
    @rugzilla55903 жыл бұрын

    THANKS BRO GREAT WORK

  • @syedfahad184
    @syedfahad184 Жыл бұрын

    sir thank you so much , you helped me a lot love a lot from lahore, pakistan

  • @iam.DanishKhan
    @iam.DanishKhan3 жыл бұрын

    You're angel 😇 Whatever I require and need. You guys always provide the same video to help.

  • @website_dev1
    @website_dev12 жыл бұрын

    Thank you so much sir 😘😘😘😘

Келесі