WordPress三步快速开发自定义古腾堡区块

2020-12-23

古腾堡编辑器核心优势之一是自定义区块，比富文本编辑器布局更加灵活，自由度高，是未来编辑器发展趋势。

本文借助插件可实现快速开发和管理。

基础原理是通过插件接收表单数据，自定义逻辑进行加工，最后输出期望内容。

1.安装插件

插件官网地址：Genesis Custom Blocks

前身是Block Lab，前不久已公告停更，不再维护，注意辨别。

2.创建区块，编辑配置

填写icon显示、关键字、分类等，发布新区块后，在编辑器中即可看到。

核心是自定义字段，支持十余种类型。

注意添加Textarea类型时，返回值会自带段落标签<p>。

3.开发模版

创建后会给出模版文件地址，目前需要手动创建，包括文件夹blocks。

输出字段内容：

block_field( $name, $echo = true );

开发文档：https://developer.wpengine.com/genesis-custom-blocks/

技术