问题标签 [wordpress-gutenberg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1529 浏览

wordpress-gutenberg - 如何为类提供多行元素古腾堡 RichText 块?

我正在为古腾堡 RichText 块使用以下代码

谁能帮助我如何分配list-item具有多行 li 元素的类?

0 投票
2 回答
1277 浏览

wordpress-gutenberg - 创建动态古腾堡 TextControl 组件

有没有办法动态创建块组件。假设块中有一个 TextControl 组件,我希望用户单击添加新字段按钮并自动创建新的 TextControl 块?

0 投票
5 回答
2822 浏览

php - 使用 Gutenberg 将缩略图添加到自定义帖子类型 Wordpress

我在 Wordpress 中创建了一个自定义帖子类型,我想添加对缩略图的支持。我已经创建了指定缩略图支持的帖子类型,但是在帖子类型页面的编辑窗口中没有出现指定缩略图的选项。

我用古腾堡做编辑器,用经典的编辑器,没问题。有什么解决办法吗?

谢谢!

0 投票
3 回答
1422 浏览

svg - Gutenberg 内联 svg 图标实际上不起作用吗?

我正在创建一个 Gutenberg Block,并为它设计了一个快速的“测试”svg 图标。这是它的来源:

我的块已成功添加到古腾堡版页面。然而,该图标并未在后台使用。检查源代码,它似乎不在DOM 中。只有包装元素是空的:

所以,我发现很多教程都在重复同样的事情:我们可以使用标识符字符串,或者生成图标(通过wp.element.createElement)。但我发现没有使用字符串的工作示例。该文档似乎也不稳定,因为 svg 字符串没有被引号包围,这破坏了我的 JS。从文档:

然而,即使有引号,我最终还是会得到一个空的图标容器。我想我错过了一些东西。所以,这是我的测试结果。只有第一个实际上显示了一些东西:

0 投票
0 回答
222 浏览

css - 在 Gutenberg 上的 align full 或 align wide 块中设置最大宽度

大屏幕中的“aligfull”和“alighwide”gutenberg 块的宽度使内部内容超出了我网站上允许的最大宽度(1200 像素)内容边距,请参见附图。我还没有找到一个很好的解决方案来设置限制,如果我添加一个最大宽度,那么背景也被限制在那个最大宽度(我不想要这个,我希望能够添加全宽颜色或image bg),并添加负边距以扩展区域也会破坏布局。

截屏

0 投票
1 回答
1460 浏览

wordpress - 有没有办法将多个块组合成一个块,以便可以将其保存为可重用?

我喜欢 columns 块的工作方式,因为它支持嵌套。我正在尝试做的类似于使列块支持 1 列(您可以强制它这样做,但它的大小不正确。这样,多个块和块类型的整个块可以保存为一个可重用的块实例。

这是我需要开始处理我自己的自定义块类型的实例吗?还是会在某个时候得到支持?

0 投票
2 回答
674 浏览

wordpress-gutenberg - 如何使用 php $content 在 Gutenberg 版本 4 中渲染 InnerBlocks

这在 Gutenberg 3 上运行良好:

但是随着最近的 Gutenberg 更新,$content它始终为 null,即使从保存回调将其传递为:

任何帮助深表感谢。

0 投票
1 回答
4703 浏览

javascript - Wordpress 在 Gutenberg 块内添加 onclick 事件

我一直在到处寻找以弄清楚如何在古腾堡块内添加事件。我正在使用 ACF 和 Foundation 添加一个手风琴系统。我使用 ACF 创建了一个块、字段和模板。我希望我的用户能够在可视模式下打开和关闭手风琴。

我确实找到了以下脚本来监视块何时更改。唯一的问题是它在所有内容加载之前触发,我不得不使用超时来允许块完全加载。我一直无法找到更好的方法来实现这一点。有什么建议么?

0 投票
3 回答
909 浏览

wordpress - 在自定义 Gutenberg 块中包含 Gutenberg scss 变量

我使用create-guten-block repo 为 Wordpress 创建了一个不错的支持 ES6 的 Gutenberg 块。但是我希望能够在这里使用在古腾堡存储库中定义的 scss 变量:

https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss

不幸的是,这些资产不能通过 npm 包安装。那么如何将变量包含在我的自定义古腾堡块中?我想在街区做这样的事情style.css

我怎样才能达到我想要的

0 投票
0 回答
638 浏览

javascript - 如何使用 Javascript 在 Gutenberg 中禁用默认标题栏

有没有办法使用 JavaScript 禁用 Gutenberg 编辑器中的默认标题栏?在官方 API 中找不到任何内容。设置 Gutenberg 时传递的设置对象中的属性之类的东西。

目前,我确实喜欢这样(标题):