WordPress Gutenberg Block Development with React JS and PHP
Phát triển Block WordPress Gutenberg với React JS và PHP
Bạn sẽ học được gì
Yêu cầu
Đối tượng phù hợp
Nội dung khóa học
Giới thiệu khóa học
Master WordPress Gutenberg Block Development with React & PHP by building a completely custom WordPress block library.
In this course we'll be building "Blockylicious" - a completely custom WordPress block library built using React and PHP. We'll be building 5 different custom WordPress blocks in this course:
Introducing the Ultimate Gutenberg Block Library!
Curvy: Break the mold with aesthetically pleasing curvy shape dividers. Elevate your content separation in style.
Piccy Gallery & Piccy Image: Craft interactive image galleries that engage and enthrall your site visitors.
Clicky Group & Clicky Button: Elevate your call-to-action game with dynamic button groups that link directly to specific pages, not just URLs.
What You'll Learn:
React within WordPress: Understand the fusion of React's component-based architecture within the Gutenberg editor for seamless block creation.
Static vs. Dynamic Blocks: Delve deep into the nuances and understand why dynamic blocks often win.
Custom Block Essentials: Explore custom block data, side panels, post data retrieval, custom toolbars, and leveraging innate WordPress toolbars and features.
Block Variations: Craft varied designs like Curvy, Curvy top, and Curvy bottom.
Block Transforms: Master the art of transforming regular text paragraphs into feature-rich Curvy blocks using React components.
Custom Block Metadata: Personalize your blocks with custom icons, categories, and more.
Inner Block Rendering: Dive into the mechanics of rendering inner blocks efficiently with React.
Block Restriction: Learn the art of defining which blocks fit where, such as ensuring Clicky Button blocks exclusively serve as children to Clicky Group blocks.
Interactive Blocks: Harness the power of JavaScript and React to create dynamic blocks that interact and respond.
Block Previews: Get hands-on with block previews by utilizing "example" in block.json.
Styling Techniques: Dive into different strategies for block styling from stylesheets, block.json attributes, to theme.json elements.
Transform your WordPress designs and functionalities using custom built Gutenberg blocks enhanced by React and PHP. Enroll today and shape the future of your websites!
Khóa học liên quan
Khám phá thêm các khoá học cùng chủ đề
Khóa Học Toàn Diện PHP Full Stack Web Developer
Srini Vanamala
PHP cho Người Mới Bắt Đầu - Trở Thành Cao Thủ PHP - Dự Án CMS
Edwin Diaz | 900,000+ Students
Trở thành Nhà phát triển WordPress: Khai phá sức mạnh với mã nguồn
Brad Schiff
Xây dựng Ứng dụng Web Người dùng từ đầu với Vanilla PHP 8+
Pierre Henry
PHP với Laravel cho người mới bắt đầu - Trở thành cao thủ Laravel
Edwin Diaz | 900,000+ Students
React - Hướng dẫn Toàn diện (bao gồm Next.js, Redux)
Academind by Maximilian Schwarzmüller
Khóa Học React Toàn Diện 2025: React, Next.js, Redux & Hơn Thế Nữa
Jonas Schmedtmann
Next.js & React - Hướng dẫn Toàn diện
Maximilian Schwarzmüller
Phát Triển Web Full Stack Cho Người Mới: HTML, CSS, React & Node
Mark Price
Khóa Học Toàn Diện Về Phát Triển Web Full-Stack
Dr. Angela Yu, Developer and Lead Instructor
Khóa Học JavaScript Toàn Diện 2025: Từ Con Số 0 Đến Chuyên Gia!
Jonas Schmedtmann
React - Hướng dẫn Toàn diện (bao gồm Next.js, Redux)
Academind by Maximilian Schwarzmüller
Khóa học Chuyên sâu về Phát triển Web - Chứng chỉ Trực tuyến
YouAccel Training
Xây dựng Website Thực Tế & Tương Thích Mọi Thiết Bị với HTML và CSS
Jonas Schmedtmann
Khóa Học Phát Triển Web Front-End Toàn Diện
Joseph Delgadillo
Phát triển Theme WooCommerce: Khóa học Nâng cao
Marcelo Xavier Vieira
Gutenberg Blocks dành cho WordPress và React Developers
Ali Alaa
WordPress Gutenberg & Chỉnh sửa Toàn bộ Trang web
Andrew Williams