问题标签 [gutenberg-blocks]

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 回答
1601 浏览

wordpress - 如何仅显示首页帖子中的特定块?

我正在为主题创建自定义标题块。它从三个不同的图像和文本中生成一个特殊的布局。当帖子包含此块时,它应该只在首页上显示此块。我找到了一个可行但看起来很脏的解决方案,而且我想将它封装在块插件而不是主题中。

主题中的当前解决方案(在 content.php 中):

我还尝试将它集成到插件文件中:

但这不起作用,因为 'has_blocks' 返回 false 并且 'parse_blocks' 不返回任何内容。

更新

我找到了解决方案。您需要给 add_filter 函数一个优先级(第三个参数):

0 投票
1 回答
2105 浏览

wordpress - 古腾堡区块验证失败

我正在创建一个自定义 Gutenberg 块。它在保存时工作正常并出现在前端,但我一回到它就会读取。

阻止包含无效或意外内容

当我去解决这个块时,我在我的组件figure周围插入了一个额外的东西。MediaUpload

我在 <code>MediaUpload</code> 组件周围插入了一个额外的 <code>figure</code>。

控制台输出显示块的结构,除了添加的文本。

控制台输出显示块的结构,除了添加的文本。

我看到了一个类似的问题,即编辑功能的 HTML 节点与保存功能 HTML 节点不匹配。看到之后,我加倍检查以确保我的节点排成一行,并且我相信它们确实如此,除非我跳过了某些内容。这是块的代码:

0 投票
0 回答
773 浏览

wordpress - WordPress Gutenberg:动态块不加载帖子列表

在教程“创建动态块”中,解释了要在 Gutenberg 块中加载最近的帖子列表,使用的代码是这样的:

我试过这段代码,但该块总是显示“正在加载...”。

似乎props.posts总是nullundefined并且查询永远不会返回任何内容。

显然,使用 WordPress 内置的“最近的文章”块效果很好,并且列表加载正确。

检查内置块的代码,似乎使用完全相同的选择器(还有一些来自块本身配置的更多参数):

关于可能发生的事情有什么想法吗?

如何调试问题?

0 投票
1 回答
493 浏览

wordpress-gutenberg - 当 innerBlock 更改时,Gutenberg 更新 ParentBlock

我创建了一个gutenberg Slider-Block 和一个名为slide 的子块。每次更新幻灯片时,我都想更新滑块。我使用 innerBlock (幻灯片)中的 componentDidUpdate() 但我不知道如何从那里访问父级。

0 投票
1 回答
508 浏览

wordpress - Gutenberg:后端的简单块渲染

div我用guten-block构建了一个简单的块。

一切都做了它应该做的,但如果我给div一个自定义类,那么它不会在后端呈现。

我怎样才能改变这个?

0 投票
2 回答
961 浏览

wordpress - Gutenberg Block RichText 元素在编辑器中双重显示

目前我正在建造我的第一个古腾堡街区。一切似乎都很好,除了编辑器字段显示 h2 和 p 元素双精度。有什么我想念的吗?

我已经在整个互联网上搜索了这个问题,但我无法找到解决这个问题的方法。

在此处输入图像描述

下面你会看到我写的古腾堡代码。也许我错过了什么?还是有错别字?

0 投票
1 回答
1140 浏览

shortcode - 如何创建一个古腾堡简码块,我可以将内容直接放在编辑器中

我有以下简码:

在经典编辑器中,我可以像这样使用它

上面通过以下方式呈现内容:

这意味着我可以在使用经典编辑器时将内容放在简码标签中(有点像使用它作为容器标签)。

现在我要求将此简码转换为古腾堡块。

我可以创建一个简单的 Gutenberg 块,在编辑器中放置静态内容并呈现它,或者创建一个 Gutenberg 块以使用自定义帖子类型。但是一个能够在设计时(在编辑器内)添加内容的短代码我从来没有被要求这样做。

我还是古腾堡开发的新手。任何关于如何做到这一点的建议都会非常有帮助。

编辑:

shortcode在写帖子时使用

0 投票
1 回答
273 浏览

wordpress - ToggleControl 未应用于保存部分

我目前正在构建一个自定义英雄块。我添加了一个 ToggleControl 来隐藏或显示此块中的内容。这确实适用于古腾堡块中的编辑部分,它还需要向包装器添加一个类。这也适用于编辑部分。

奇怪的是,它不适用于块的保存部分。我用来设置类的代码如下:

它确实按编辑部分的预期工作

但是在保存部分没有应用样式并且条件标签不起作用。请参阅下面的代码。

我错过了什么吗?

});

0 投票
3 回答
1143 浏览

wordpress - 为什么我的 Gutenberg Instagram 在编辑器中工作时不能在前端嵌入块工作?

我正在使用 Instagram 块将 Instagram 帖子嵌入到 Wordpress Gutenberg 编辑器中。在编辑器中工作正常,并且帖子嵌入没有任何问题。

后台,一切顺利!

然而,在前端,Instagram 链接只是作为文本放置在那里,没有任何嵌入尝试的迹象。

前端,不太好

经过一番挖掘,我找到了这篇关于{{unknown}}数据库中 oEmbed 缓存条目的文章,这些条目存在于我的 oEmbed 数据库缓存中,用于不工作的 Instagram 嵌入。但是,我仍然无法找出解决方案或发生这种情况的原因。

网站上嵌入的 YouTube 或 Vimeo 似乎没有任何问题,只有 Instagram 有问题。同样,嵌入在后端编辑器中工作得非常好......

还有其他人偶然发现了这种奇怪的前端行为吗?

0 投票
2 回答
637 浏览

wordpress - 带有预定义古腾堡块的 WP 页面模板

对于我的一个项目,我正在尝试在自定义页面模板上使用预定义的 Gutenberg 块。我使用 Block Lab WP Plugin 创建自定义 Gutenberg 块。但是当我在页面模板上使用时,它不起作用。

是否可以在页面模板上使用古腾堡块?所以当有人更改页面模板时,它可以立即使用吗?

提前致谢