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

=============================================

==== Simple WordPress Build Website Tools ====

I am social too:
-------------------------------------------------------------------------------
LEARN MORE IN THE WELL CURATED PLAYLISTS BELOW
--------------------------------------------------------------------------------

WooCommerce E-Commerce customizations

== Build Free Custom Theme for E-commerce Online Shop using WooCommerce -

====== Build Dynamic Websites with Elementor ======

====== How to use WordPress Gutenberg Block Editor ======

WordPress 5.4 Gutenberg Blocks Updates

WordPress Gutenberg blocks for Designers

Gutenberg WordPress Block Editor tutorials for beginners

Custom WooCommerce Gateway Development from Scratch

WordPress Custom REST API Namespaces, Endpoints and Examples from Scratch

====== WordPress Plugin Development from Scratch ======

Build Most Popular & Most Commented Post Plugin

Build SMS Plugin with External WordPress API Integration using custom WordPress Databases

WordPress External APIs Integration Plugin Development

Convert WordPress to mobile App in Headless WordPress

Make GraphQL API endpoints with WordPress Headless CMS WPGraphQL Plugin

Customize Your WordPress & ClassicPress

Custom Dashboard Widgets

Build Custom Admin

Learn Git

[phoenixgraphix]

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.

[Yosie]

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.

[ibnjalal]

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

[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

[bishwasthapa]

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

[Gigabyteserviceofficial]

awsome thank you for making this video

[mostafizurrahman]

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

[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