How to Create Your Own Custom Header with Elementor
*NOTE:* You can now create your own custom headers if you have Elementor Pro. No need for a 3rd party plugin.
*ALSO:* if you use Elementor Pro, you now don't need the Nav Menu Addon plugin anymore. Pro comes with its own Nav Menu widget.
---
RESOURCES MENTIONED:
- Grab my free PDF cheatsheet for Elementor headers: https://www.designbuildweb.co/custom-header/
- Join my mailing list for updates: https://www.designbuildweb.co/my-best-stuff/
- GeneratePress [aff]: https://www.designbuildweb.co/recommends/generatepress/
- Elementor [aff]: https://www.designbuildweb.co/recommends/elementor/
- OceanWP: https://oceanwp.org/
- My Custom Footer video: https://www.youtube.com/watch?v=0K90uuMukJU
- My Nested Sections video: https://www.youtube.com/watch?v=GFebkLuIh7g
- NavMenu Addon plugin: https://wordpress.org/plugins/navmenu-addon-for-elementor/
- GP nav menu shortcode plugin: https://www.facebook.com/groups/generatepress/files/
- Sniffle Valve: http://snifflevalve.com/
- Header Footer Elementor plugin: https://wordpress.org/plugins/header-footer-elementor/
- AnyWhere Elementor (free): https://wordpress.org/plugins/anywhere-elementor/
- AnyWhere Elementor Pro (paid): http://www.elementoraddons.com/anywhere-elementor-pro/
- GP Extender: https://cobaltapps.com/downloads/gp-extender-plugin/
You might already know that Elementor is an amazing WordPress page builder.
It allows non-coder designers like yourself to build 100% custom-designed WordPress pages, exactly as you want them. It’s really visual, and it’s drag-n-drop. It works in the way designers think, with no code required (hurray!)
But if you’re like many designers, once you’ve used Elementor for a while, you might soon find yourself thinking:
“Hmmm… my theme still handles my header – my logo and navigation area. I wonder if I can use Elementor to design my website header as well?”
The good news is… yes, you definitely can use Elementor to build your own custom header. It will completely replace the one that comes with your WordPress theme.
However, there are also a number of different considerations to bear in mind.
In today’s video, I’ll dig right in and show you:
- Exactly how to build a header template with Elementor.
- The various tools and plugins available that make building your own headers possible.
- Step-by-step instructions for adding the header template to your site and replacing your theme’s own header.
- 5 important considerations or possible trade-offs to bear in mind.
Please leave me a comment and subscribe for more WordPress and Elementor tutorial videos like this.
Видео How to Create Your Own Custom Header with Elementor канала Dave Foy—Design Build Web
*ALSO:* if you use Elementor Pro, you now don't need the Nav Menu Addon plugin anymore. Pro comes with its own Nav Menu widget.
---
RESOURCES MENTIONED:
- Grab my free PDF cheatsheet for Elementor headers: https://www.designbuildweb.co/custom-header/
- Join my mailing list for updates: https://www.designbuildweb.co/my-best-stuff/
- GeneratePress [aff]: https://www.designbuildweb.co/recommends/generatepress/
- Elementor [aff]: https://www.designbuildweb.co/recommends/elementor/
- OceanWP: https://oceanwp.org/
- My Custom Footer video: https://www.youtube.com/watch?v=0K90uuMukJU
- My Nested Sections video: https://www.youtube.com/watch?v=GFebkLuIh7g
- NavMenu Addon plugin: https://wordpress.org/plugins/navmenu-addon-for-elementor/
- GP nav menu shortcode plugin: https://www.facebook.com/groups/generatepress/files/
- Sniffle Valve: http://snifflevalve.com/
- Header Footer Elementor plugin: https://wordpress.org/plugins/header-footer-elementor/
- AnyWhere Elementor (free): https://wordpress.org/plugins/anywhere-elementor/
- AnyWhere Elementor Pro (paid): http://www.elementoraddons.com/anywhere-elementor-pro/
- GP Extender: https://cobaltapps.com/downloads/gp-extender-plugin/
You might already know that Elementor is an amazing WordPress page builder.
It allows non-coder designers like yourself to build 100% custom-designed WordPress pages, exactly as you want them. It’s really visual, and it’s drag-n-drop. It works in the way designers think, with no code required (hurray!)
But if you’re like many designers, once you’ve used Elementor for a while, you might soon find yourself thinking:
“Hmmm… my theme still handles my header – my logo and navigation area. I wonder if I can use Elementor to design my website header as well?”
The good news is… yes, you definitely can use Elementor to build your own custom header. It will completely replace the one that comes with your WordPress theme.
However, there are also a number of different considerations to bear in mind.
In today’s video, I’ll dig right in and show you:
- Exactly how to build a header template with Elementor.
- The various tools and plugins available that make building your own headers possible.
- Step-by-step instructions for adding the header template to your site and replacing your theme’s own header.
- 5 important considerations or possible trade-offs to bear in mind.
Please leave me a comment and subscribe for more WordPress and Elementor tutorial videos like this.
Видео How to Create Your Own Custom Header with Elementor канала Dave Foy—Design Build Web
Показать
Комментарии отсутствуют
Информация о видео
21 июня 2017 г. 17:36:22
00:18:30
Другие видео канала
Elementor Header Tutorial: 100% FREE MethodThe NEW Elementor Nav Menu Widget—In-Depth TutorialHow To Build Headers And Footers Using Elementor For FREEHow to Get a Free SSL for your WordPress WebsiteHow to Roll Your Own Custom Layout in Under 30 Minutes—FREE Elementor Mini-CourseHow to create a Product grid / Archive page with Categories - Elementor WoocommerceHow to A/B Split Test Landing Pages with ElementorHow to Create Dynamic Page Headers with GeneratePressHow to Design a WordPress Single Post Template with ElementorHow To Use Elementor Without Theme (Pro)Divi Header Design | How to make a custom header in DiviBACK TO TOP BUTTON ELEMENTOR FREE & PRO: Scroll To Top Button ElementorHow To Fix Your WordPress Site After A Plugin Update Goes WrongElementor Free Method: Custom Shop & Product Pages (Using Free WooLentor Plugin!)How To Make a WordPress Website - In 24 Easy StepsElementor Forms Tutorial - Learn How To Make Advanced Forms & Lead Capture FormsYoast SEO Tutorial| SEO For BeginnersFree Transparent Header Tutorial in Wordpress - OceanWP HeaderHow to Make Dentist Website Using WordPress - Elementor Dental Clinic Website Tutorial