|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/wordpress-gutenberg-block-development/
课程评论：没有评论
**课程名称：WordPress Gutenberg区块开发：React JS与PHP实战** **课程概述：** 本课程将带您深入掌握WordPress Gutenberg区块开发，通过构建一个完全自定义的WordPress区块库，名为“Blockylicious”。您将学习如何利用React和PHP来创建功能强大且美观的区块。 **课程内容亮点：** * **React在WordPress中的应用：** 学习如何将React的组件化架构与Gutenberg编辑器结合，实现无缝的区块创建。 * **静态区块与动态区块：** 深入理解两种区块类型的差异，并了解动态区块的优势。 * **自定义区块核心功能：** 探索自定义区块的数据结构、侧边栏、文章数据获取、自定义工具栏以及如何利用WordPress内置工具栏和功能。 * **区块变体（Block Variations）：** 学习创建不同设计的区块，例如“Curvy”、“Curvy Top”和“Curvy Bottom”。 * **区块转换（Block Transforms）：** 掌握如何将普通的文本段落转换为功能丰富的“Curvy”区块，充分利用React组件。 * **自定义区块元数据：** 为您的区块添加自定义图标、分类等至关重要的元数据。 * **内部区块渲染：** 学习如何高效地使用React来渲染内部区块。 * **区块限制（Block Restriction）：** 了解如何定义区块的适用范围，例如确保“Clicky Button”区块只能作为“Clicky Group”区块的子区块。 * **交互式区块：** 利用JavaScript和React的力量，创建具有交互性和响应能力的动态区块。 * **区块预览：** 通过学习使用`block.json`中的“example”属性，实现在Gutenberg编辑器中预览您的区块。 * **样式化技术：** 掌握不同的区块样式化策略，包括使用样式表、`block.json`属性以及`theme.json`元素。 **课程中将构建的5个示例区块：** 1. **Introducing the Ultimate Gutenberg Block Library!** (课程引导语，介绍整体项目) 2. **Curvy:** 创建具有美观曲线的形状分隔符，提升内容分隔的视觉效果。 3. **Piccy Gallery & Piccy Image:** 构建引人入胜的交互式图片画廊。 4. **Clicky Group & Clicky Button:** 增强号召性用语（Call-to-Action）功能，创建直接链接到特定页面的动态按钮组。 **您将学到的内容：** 通过本课程，您将能够使用自定义的Gutenberg区块，结合React和PHP，全面提升您的WordPress网站设计和功能。立即报名，塑造您网站的未来！
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!
