Create Your First Custom Elementor Widget - Menu Navigation

Learn how to create your first custom Elementor widget. In this video we create one of the most essential but missing widgets in Elementor. A Menu Navigation widget.
VIDEO CHAPTERS
00:15 Recap
01:11 Explain New widget challenge
01:49 Coding first widget
02:04 Creating a Widget Class
03:09 Extending Elementor's Widget_base class
03:31 Add Widget ID
04:54 Add our Namespace
05:32 Adding Widget Name & Title
06:32 Bug fix Widget ID
06:54 Add Widget Icon
08:14 Widget Category Placement
09:46 Register Widget
12: 49 Namespace the Widget
13:56 Add widget to plugin
14:32 Bug fixes
14:46 Register widget with Elementor
17:06 Experiment with first Elementor widget
17:40 Render HTML in widget
18:54 Changing Widget in Elementor Categories
Code sample: github.com/YTTechiePress/tech...
=============================================
Do you like what I am doing? Buy me a coffee through www.buymeacoffee.com/techiepress or PayPal: paypal.me/laurencebahiirwa
==== Simple WordPress Build Website Tools ====
- Scalable WordPress Hosting with Kinsta --------------- omukiguy.com/kinsta
- Low cost Hosting ---------------------------------------------------- omukiguy.com/bluehost
- Build website with less code via Elementor Pro ----- omukiguy.com/elementor
- Enhance the Elementor Widgets with Crocoblock --- omukiguy.com/crocoblock
- Automate your API Requests and Webhooks ---------- omukiguy.com/integromat
- Screen Record with your computer -------------------------- omukiguy.com/screenflow
- Make awesome forms using WPForms ------------------- omukiguy.com/wpforms
- Build Advanced forms using Gravity Forms ------------- omukiguy.com/gravityforms
I am social too:
Facebook: / techiepress-1001496550...
Twitter: / omukiguy
Blog: omukiguy.com
GitHub: github.com/yttechiepress
-------------------------------------------------------------------------------
LEARN MORE IN THE WELL CURATED PLAYLISTS BELOW
--------------------------------------------------------------------------------
Learn how to build a plugin from scratch: • Plugins Vs Functions.p...
WooCommerce E-Commerce customizations
== Build Free Custom E-commerce Online Shop using WooCommerce - • WooCommerce customizat...
== Build Free Custom Theme for E-commerce Online Shop using WooCommerce -
• Woocommerce Restaurant...
====== Build Dynamic Websites with Elementor ======
== Learn the Elementor basics - • Elementor Beginner Tut...
== Build a custom Elementor Widget from Scratch - • Build Custom Elementor...
====== How to use WordPress Gutenberg Block Editor ======
WordPress 5.4 Gutenberg Blocks Updates
== • WordPress 5.4 Gutenber...
WordPress Gutenberg blocks for Designers
== • WordPress Basics Train...
Gutenberg WordPress Block Editor tutorials for beginners
== • WordPress Basics Train...
Custom WooCommerce Gateway Development from Scratch
== • Build Custom WooCommer...
WordPress Custom REST API Namespaces, Endpoints and Examples from Scratch
== • Create Custom WordPres...
====== WordPress Plugin Development from Scratch ======
Build Most Popular & Most Commented Post Plugin
== • Build WordPress Most P...
Build SMS Plugin with External WordPress API Integration using custom WordPress Databases
== • Build SMS Plugin - Ext...
WordPress External APIs Integration Plugin Development
== • WordPress External API...
Convert WordPress to mobile App in Headless WordPress
== Convert WordPress Sports Website into Mobile Application - kzbin.info?list...
Make GraphQL API endpoints with WordPress Headless CMS WPGraphQL Plugin
== • Make GraphQL API endpo...
Customize Your WordPress & ClassicPress
== Build Custom REST API Endpoints with WordPress or ClassicPress - • Build Custom REST API ...
Custom Dashboard Widgets
== • Custom Dashboard Widge...
Build Custom Admin
== • Custom Admin for WordP...
Learn Git
== Git tutorial for writers + software developers for beginners - • Git tutorial for begin...

[@phoenixgraphix8655]

I'm so glad to have found this. A contractor convinced me to change a complex site to Elementor, then quit, leaving me to figure it out alone. I'm grateful to find these training videos so that I can learn to do this work myself.

[@Yosie432]

Your are an amazing teacher! Thanks for this great series. Cant wait to start watching the Gutenberg Blocks videos. Subscribed

[@erichepperlewp]

Liked! SUBSCRIBED - -Just discovered your channel and I love the very thorough way you explain complex technical projects like creating a custom Elementor widget plugin from scratch.

[@justinfulton5692]

Thanks for this! Very helpful.

[@LeanStart.Africa]

Found your video while looking for a way to optimise my WordPress site using elementor. Excellent teaching skills. Breaking it down to the level that makes learning coding enjoyable. I will email you for business

[@ibnjalal9217]

I have an issue with Elementor\Wiget_base not being found even through i register widget type :(

[@user-xl4wr2ec3k]

your content deserves millions views

[@Gigabyteserviceofficial]

awsome thank you for making this video

[@bishwasthapa1020]

Keep on doing this great job. One day your chanbel will grow ❤️

[@mostafizurrahman5648]

Can you please make tutorial on wp ajex , Json and WordPress rest api? That would be much helpful.

[@TechiePress]

Hey. I did Something with Ajax here kzbin.info/www/bejne/Z5u9fp6AmK-liqM, the concepts remain the same. And I have a whole playlist on the REST API here kzbin.info/aero/PLNqG1qGUllk06KZP9N1nRG-FpnTr_TD9u

[@nikocrow]

You are my hero, you seave my job, do u have any couse? if u have it where it is I want to learn from u

[@TechiePress]

Sorry, I don’t have any courses. All my content is here for sharing with the masses.