古腾堡模板:核心块属性

时间:2018-08-17 10:36:26

标签: wordpress-theming wordpress-rest-api wordpress-admin wordpress-gutenberg gutenberg-blocks

《古腾堡手册》目前有一个简短的条目,可用于创建所用块的整个模板,例如用于自定义帖子类型等。

https://wordpress.org/gutenberg/handbook/templates/

尽管如此,它似乎缺少对内核/块的全面概述。特别是可用的属性在这里很有趣。我是否缺少参考条目?

详细说明:

通过玩耍,我发现了一些东西。例如。预格式化的块确实采用了php文件的格式,例如换行符,索引和制表符,这使它们有些敏感。

array( 'core/preformatted', array(
                            'content' => 'Grundlegende Fakten:

Operator: Max Mustermann
Wo: City, Country
Wer: 99999 Kinder
Wieviel: 99999 Angestellte',
                            ) ),

这确实可以转换为: (请注意,以后各行之前的每个制表符或缩进也将被取代)

Screenshot

那么-我还必须修改“内容”和“占位符”属性吗?我可以利用它们是数组的事实并插入选择器或其他类似..的HTML的方法吗?

array( 'core/preformatted', array(
    'content' => array('selector' => 'h1', 'content' => 'Does this do anything?'),
) ),

..但是这样做:

array( 'core/preformatted', array(
    'content' => array('Does', 'this', 'do', 'anything?'),
) ),

在哪里可以找到一阶属性的完整列表,因为例如,并不总是很清楚核心/块是采用“文本”字符串还是采用“内容”数组等等。

2 个答案:

答案 0 :(得分:1)

部分回答我自己的问题:

this git issue中所述,您可以使用

console.log(wp.blocks.getBlockTypes());
在所有Gutenberg魔术加载后(例如在帖子的编辑器窗口中),在浏览器控制台中

显示所有当前已注册的块,包括其属性。

绝对是有用的工具!

答案 1 :(得分:0)

另一个信息源:

The Git-Project of Gutenberg holds all core blocks及其属性可以通过

访问

块名称 /index.js

然后找到: const blockAttributes =