问题标签 [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 回答
3317 浏览

wordpress - 带有响应式图像的古腾堡自定义块

我按照本教程了解如何构建自定义 WordPress Gutenberg 块:https ://neliosoftware.com/blog/how-to-create-your-first-block-for-gutenberg/

第一个块很好,但我想在这个块中使用自定义图像大小。这个图像大小也应该是响应式的,这意味着应该在前端添加其他图像大小的 srcset 属性。

我在互联网上搜索了很长时间,但没有找到任何东西。使用来自 wordpress 的标准图像块或画廊块调整大小的图像,但对我来说,整个代码太复杂而无法遵循,因为我还不习惯古腾堡的编码方式......

有没有关于如何实现这一点的现有指南或代码示例?

最佳卢卡斯

0 投票
2 回答
1043 浏览

wordpress-theming - Gutenberg 模板:核心块属性

Gutenberg 手册目前有一个简短的条目,用于创建用于自定义帖子类型等的整个块模板。

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

不过,它似乎缺少对 core/-Blocks 的全面概述。特别是可用的属性在这里很有趣。是否有我只是缺少的参考条目?

详细说明:

玩了一圈,发现了一些东西。例如,预格式化块确实采用了 php 文件的格式,如换行符、缩进和制表符,这使得它们有点敏感..

这确实转化为:(请注意,后面的行之前的每个制表符或缩进也会被接管)

截屏

那么 - 我还需要修改“内容”和“占位符”属性吗?我可以利用它们是数组并插入选择器或其他 html 之类的事实 .. 这不起作用:

..但这确实:

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

0 投票
1 回答
849 浏览

javascript - 如何在 Gutenberg 编辑器中保存全局检查器控件?

我是 WP 的 gutenberg 和 React(但不是 WP/PHP)的新手。我正在尝试添加一系列显示在所有核心块上的自定义控件。使用 WP 文档,我可以通过一个简单的切换添加一个新的检查器部分:

我不能做的是找出使用 b locks.getSaveContent.extraProps来保存新的 full_width_section 切换的正确方法。

我知道在此之后我需要弄清楚如何操作块输出,但一次一个问题!

0 投票
1 回答
323 浏览

wordpress-gutenberg - 古腾堡的 TinyMCE getContent 和 setContent 函数有哪些替代方案?

使用 TinyMCE 编辑器,我们使用 getContent() 和 setContent() JS 函数来获取编辑器的内容并设置它

他们使用古腾堡的替代方案是什么?

0 投票
2 回答
1181 浏览

wordpress - 使用 Wordpress 简码函数呈现 Gutenberg 块,将属性作为参数发送

给定画廊 ID,我有一个生成画廊的简码。

现在,我制作了一个在编辑器中完美运行的 Gutenberg 块。您可以选择一个画廊,它将保存。但是,我不想重复代码并将 html 放在 save 属性和 php 代码中。

所以我想知道是否有一种方法可以使用相同rb_scroll_gallery_shortcode的函数在前端渲染块。

我已经看到您可以使用register_block_type并将其设置render_callbackrb_scroll_gallery_shortcode,但我需要在块中选择的 ID 将其发送到$atts数组中的函数

0 投票
1 回答
1319 浏览

wordpress - Wordpress Gutenberg 自动完成 - 保存属性

我想开发一个自定义块,让用户从自动完成中选择一些信息。我设法在编辑功能上创建自动完成组件。

用户可以选择一个项目,但我不知道如何处理属性保存。

我正在尝试将所选项目保存为属性 package_name。我在 Autocomplete 组件上创建了 onChange 函数,但 event.target.value 未定义。

这是我来自 block.js 的代码

0 投票
2 回答
1825 浏览

wordpress - 如何为自定义 Gutenberg 块使用 Font Awesome 图标?

我正在关注Zac Gordon关于如何将 SVG 路径用于 Gutenberg 块的自定义图标的教程。我正在寻找使用Font Awesome 中的 Info Circle

我为图标元素定义了以下内容,但图标空间为空:

有任何想法吗?

0 投票
1 回答
119 浏览

wordpress - 无法读取未定义的属性“getCollectionByRoute” - Gutenberg wordpress

Gutenberg 编辑器在 worpdress 中不断崩溃,我收到消息“编辑器遇到意外错误”。

当我打开控制台时,我收到一个 React 错误,上面写着:“无法读取未定义的属性 'getCollectionByRoute'”。

任何人都知道是什么导致了这个问题?

0 投票
1 回答
750 浏览

javascript - 如何在 Gutenberg 的 Inspector 控件中添加条件控制字段?

我正在为古腾堡开发一个倒计时块。我在块中有 7 种样式,所以我想根据样式在检查器控件中显示/隐藏一些控制字段。

据我所知,古腾堡还没有引入条件场。所以我想通过自定义代码来做到这一点。这是我的检查器控件的完整代码。 https://pastebin.com/177BDgMQ

这是我想要的截图。我是 javascript 初学者,所以不明白如何在 t 中应用条件enter code here古腾堡

0 投票
5 回答
15383 浏览

php - How to disable Gutenberg / block editor for certain post types?

WordPress added Gutenberg / block editor in its 5th version and it's enabled by default for Post and Page post types.

It might be enabled by default for all custom post types in close future so as a WordPress developer I want to know how to disable this editor for my own custom post types? I want to keep classic editor for the post types that I registered from my plugins or themes.