๐ #1 Content Generator –
๐ The Best Place to Host your Website –
โค๏ธ ๐๐น๐ฒ๐บ๐ฒ๐ป๐๐ผ๐ฟ ๐ฃ๐น๐๐ด๐ถ๐ป โ
โก๐๐ฒ๐ ๐๐น๐ฒ๐บ๐ฒ๐ป๐๐ผ๐ฟ ๐ฃ๐ฟ๐ผ โ
๐ ๐๐ฒ๐ ๐ฑ๐ฌ% ๐ข๐๐ ๐ข๐ก ๐๐ต๐ฒ ๐ฆ๐จ๐ฃ๐๐ฅ ๐๐๐ฆ๐ง ๐ช๐ผ๐ฟ๐ฑ๐ฃ๐ฟ๐ฒ๐๐ ๐๐ผ๐๐๐ถ๐ป๐ด โ
๐ ๐๐ผ๐ป๐๐ฎ๐ฐ๐ ๐๐ ๐ณ๐ผ๐ฟ ๐ช๐ฒ๐ฏ ๐๐ฒ๐๐ฒ๐น๐ผ๐ฝ๐บ๐ฒ๐ป๐ โ
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 โ
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 โ
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.
โ ๐ช๐ฒ ๐๐ถ๐น๐น ๐ฏ๐๐ถ๐น๐ฑ ๐ฎ ๐ฝ๐ฟ๐ผ๐ณ๐ฒ๐๐๐ถ๐ผ๐ป๐ฎ๐น ๐ช๐ฒ๐ฏ๐๐ถ๐๐ฒ ๐ณ๐ผ๐ฟ ๐๐ผ๐๐ฟ ๐๐๐๐ถ๐ป๐ฒ๐๐ โ
โค๏ธ ๐ข๐๐ฟ ๐ฅ๐ฒ๐ฐ๐ผ๐บ๐บ๐ฒ๐ป๐ฑ๐ฒ๐ฑ ๐ช๐ผ๐ฟ๐ฑ๐ฃ๐ฟ๐ฒ๐๐ ๐ง๐ผ๐ผ๐น๐
๐ด ๐ Free Domain + โก Fast Hosting | ๐ช๐ฒ๐ฏ๐ฆ๐ฝ๐ฎ๐ฐ๐ฒ๐๐ถ๐ |
๐ด ๐ฅ๏ธ Ready-made Websites for ๐ท๏ธ Sale | ๐ ๐ฎ๐ธ๐ฒ๐ฌ๐ผ๐๐ฟ๐ช๐ฃ |
๐ด ๐ง๐ป Get your website developed by ๐จ๐ป Experts |
๐ด ๐ ๏ธ Check out our Top recommended ๐ง๐ผ๐ผ๐น๐ |
๐ฅ ๐ช๐ฒ๐ฏ๐๐ถ๐๐ฒ ๐๐๐ถ๐ฑ๐ฒ – ๐ฆ๐ถ๐บ๐ฝ๐น๐ฒ & ๐๐ฎ๐๐ ๐ฆ๐๐ฒ๐ฝ๐ ๐๐ผ ๐น๐ฎ๐๐ป๐ฐ๐ต ๐๐ผ๐๐ฟ ๐ณ๐ถ๐ฟ๐๐ ๐ช๐ฒ๐ฏ๐๐ถ๐๐ฒ
๐ข ๐ฅ๏ธ Make a Website in 10 mins |
๐ข ๐ฐ Make a Blog – Quick & Easy |
๐ข ๐๏ธ Make an Ecommerce site |
๐ ๐ฅ๐ฒ๐๐ผ๐๐ฟ๐ฐ๐ฒ๐ ๐๐ผ ๐ด๐ฒ๐ ๐ฏ๐ฒ๐๐๐ฒ๐ฟ ๐ฎ๐ ๐ช๐ผ๐ฟ๐ฑ๐ฃ๐ฟ๐ฒ๐๐
๐ต ๐ฅ Beginner WordPress Course | 50% Coupon ytSub |
๐ต ๐ Ecommerce Course | SAVE 50% Coupon ytSub |
๐ต ๐ Check out our Blog posts for free content |
๐ ๐๐ผ๐๐ฝ๐ผ๐ป๐
๐ก ๐ Grammarly๏ฝ20% off๏ฝ
๐ก ๐ฒ Publer๏ฝ10% off๏ฝ
๐ก ๐ Mangools ๏ฝ10% off๏ฝ
๐ก ๐ผ Fiverr๏ฝ10% off Coupon WEBSITELEARNERS10๏ฝ
๐ก ๐ผ๏ธ Astra๏ฝ10% off Coupon WLDiscount๏ฝ
๐ก ๐ SEMScoop๏ฝ20% off Coupon SAVE20LT๏ฝ
๐ก ๐Anyword๏ฝ20 % off Coupon Anyword20๏ฝ
๐ ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น๐น๐:
๐ช๐ฒโ๐ฟ๐ฒ ๐๐ถ๐ฟ๐ถ๐ป๐ด:
Want your website developed by us? Email us your requirements to contact@websitelearners.com
๐ฌ ๐๐ผ๐น๐น๐ผ๐ & ๐๐ต๐ฎ๐ ๐๐ถ๐๐ต ๐๐:
Video tutorial โ
Video teaching โ
LinkedIn โ
#Create #Custom #Header #Footer #WordPress