Settings Sidebar:: Add Block Text, Image and Checkbox Fields – WordPress Gutenberg Block
Building Custom WordPress Gutenberg Block, gutenberg block builder, gutenberg block development tutorial, Gutenberg block editor, gutenberg blocks, WordPress Gutenberg Block Checkbox Control Fields, WordPress Gutenberg Block MediaPlaceholder, WordPress Gutenberg Block Mediauploader, WordPress Gutenberg Block Settings Sidebar, WordPress Gutenberg Block TextControl
Add new controls in the WordPress Gutenberg Block Settings Sidebar. We add Block Text, Image and Checkbox Fields using the native Javascript/React Components. We learn how to handle the Block Editor JSX and build on the first plugin we did in the previous video.
VIDEO CHAPTERS
00:00 Saving Block Settings in Sidebar
01:03 Navigating the WordPress Block Editor Library
02:03 JSX & The Block Editor
04:56 The Blocks Inspector Control
05:49 WordPress Block Panel
07:11 Using the Blocks Checkbox Control
10:29 Add Block TextArea Controls
12:52 Upload Images with MediaPlaceholder component
13:52 In-depth MediaPlaceholder component
15:07 Next video
HOW TO SUPPORT THE CHANNEL
=============================================
Do you like what I am doing?
– Buy me a coffee through https://www.buymeacoffee.com/techiepress
– Give via PayPal: https://paypal.me/laurencebahiirwa
– Buy Scalable WordPress Hosting —–https://omukiguy.com/kinsta
– Buy Low cost Hosting ———————-https://omukiguy.com/bluehost
– Build no code website with Elementor — https://omukiguy.com/elementor
– Enhance Elementor with Crocoblock — https://omukiguy.com/crocoblock
– Automate API Requests & Webhooks — https://omukiguy.com/integromat
– Screen Record with your computer —– https://omukiguy.com/screenflow
– Make Awesome forms with WPForms —– https://omukiguy.com/wpforms
– Build Advanced with Gravity Forms — https://omukiguy.com/gravityforms
I am social too:
Facebook: https://web.facebook.com/TechiePress-100149655032583/
Twitter: https://twitter.com/omukiguy
Blog & Newsletter: https://omukiguy.com
Github: https://github.com/yttechiepress
——————————————————————————-
LEARN MORE IN THE WELL CURATED PLAYLISTS BELOW
——————————————————————————–
Learn how to build a plugin from scratch: https://youtu.be/9LtXEMRNln8?t=145
WooCommerce E-Commerce customizations
== Build Free Custom E-commerce Online Shop using WooCommerce – https://www.youtube.com/playlist?list=PLNqG1qGUllk2qFmbexV2SikF8bXqvDW-H
== Build Free Custom Theme for E-commerce Online Shop using WooCommerce –
====== Build Dynamic Websites with Elementor ======
== Learn the Elementor basics – https://www.youtube.com/playlist?list=PLNqG1qGUllk27BK71LBJDw4auOl-aVOqG
== Build a custom Elementor Widget from Scratch – https://www.youtube.com/playlist?list=PLNqG1qGUllk2pukgHP385ll0ENmRr9E_M
====== How to use WordPress Gutenberg Block Editor ======
WordPress 5.4 Gutenberg Blocks Updates
== https://www.youtube.com/playlist?list=PLNqG1qGUllk0lI2Omhvp54Qn9-MIEhQzX
WordPress Gutenberg blocks for Designers
== https://www.youtube.com/playlist?list=PLNqG1qGUllk3DY91Bq_26L8meIXM_Uo4E
Gutenberg WordPress Block Editor tutorials for beginners
== https://www.youtube.com/playlist?list=PLNqG1qGUllk2xOKt79aI12GgX2DX0aNx-
Custom WooCommerce Gateway Development from Scratch
== https://www.youtube.com/playlist?list=PLNqG1qGUllk21IES6ZJ2WkX1BcbPQF4-7
WordPress Custom REST API Namespaces, Endpoints and Examples from Scratch
== https://www.youtube.com/playlist?list=PLNqG1qGUllk0npc2ZGPU358Q6S1itFCYR
====== WordPress Plugin Development from Scratch ======
Build Most Popular & Most Commented Post Plugin
== https://www.youtube.com/playlist?list=PLNqG1qGUllk05gUz_VB5nCHEN9A3OpS94
Build SMS Plugin with External WordPress API Integration using custom WordPress Databases
== https://www.youtube.com/playlist?list=PLNqG1qGUllk0NSTrNF2xa1zHNzMi3M7su
WordPress External APIs Integration Plugin Development
== https://www.youtube.com/playlist?list=PLNqG1qGUllk0U2-5ZBNxSNxQrPO-4CqnR
Convert WordPress to mobile App in Headless WordPress
== Convert WordPress Sports Website into Mobile Application – https://www.youtube.com/playlist?list=PLNqG1qGUllk3qMrJcXUeP1Ge5U4fKtAR
Make GraphQL API endpoints with WordPress Headless CMS WPGraphQL Plugin
== https://www.youtube.com/playlist?list=PLNqG1qGUllk03llIgPYGVTwY14lAPDkBp
Customize Your WordPress & ClassicPress
== Build Custom REST API Endpoints with WordPress or ClassicPress – https://www.youtube.com/playlist?list=PLNqG1qGUllk06KZP9N1nRG-FpnTr_TD9u
Custom Dashboard Widgets
== https://www.youtube.com/playlist?list=PLNqG1qGUllk2h51557gV74x8p1RrlEmah
Build Custom Admin
== https://www.youtube.com/playlist?list=PLNqG1qGUllk1M5L8Xo-K1g6B3OrkliKDs
Learn Git
== Git tutorial for writers + software developers for beginners – https://www.youtube.com/playlist?list=PLNqG1qGUllk2PnSJiUw1SCjiS6pNhIR2f
Plus de tutoriels pour apprendre à utiliser WordPress :
Outils & ressources pour l’infographie :
Vous devez vous connecter pour publier un commentaire.