Ainfographie.com logo animé

Settings Sidebar:: Add Block Text, Image and Checkbox Fields – WordPress Gutenberg Block

  1. Accueil
  2. Blog
  3. Tutoriels WordPress
  4. Settings Sidebar:: Add Block Text, Image and Checkbox Fields – WordPress Gutenberg Block

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

Vous devez vous connecter pour publier un commentaire.
Menu