问题标签 [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 投票
0 回答
94 浏览

wordpress - 在 el 函数中设置 div 的背景样式

我在 wordpress 块中有这个 el 函数。这段代码在里面save:function(props){

我想将其设置为内联背景。

我这样做是有原因的。在这一步之后,我想用用户输入的颜色代码替换“红色”,例如:#5a6644。

问题是在前端 div 的背景颜色变成了红色。但是在古腾堡编辑器中,这些块是这样说的:

有谁知道我做错了什么?

0 投票
1 回答
169 浏览

wordpress - 如何修复古腾堡 InnerBlocks 以响应 RangeControl

我正在使用RangeControl以确定我应该在innerblock模板上使用多少列,但问题是它只返回默认值rangecontrol并且条件不起作用。

尝试使用三元调节。

我希望输出响应条件,例如我的默认RangeControl值是 3,所以当我加载块时它只返回 3 列,我不能让它使用RangeControl.

0 投票
1 回答
1859 浏览

wordpress-gutenberg - Gutenberg Block 没有将我的样式加载到我网站的前端

我最近一直在尝试挖掘古腾堡区块。为了进行基本设置,我一直在关注 wordpress 上的“教程”(create-guten-block 也给我带来了样式问题,所以我决定尝试自己设置)。但是,由于某种原因,这些样式不适用于我的网站前端。

我已经遵循了几个不同的教程来了解可能发生的事情。包括到目前为止没有运气删除“jetpack”插件。我使用了入队脚本而不是注册。我还尝试将项目拆分为不同的功能并分别添加。

文件),数组('wp-blocks','wp-element'));

} add_action('init', 'wild_wonders_blocks');

据我读过的几个教程可以看出,这是添加样式表的正确方法。但是,我在前端一无所获。甚至没有网络请求....还有什么我应该做的吗?谢谢

0 投票
1 回答
1139 浏览

wordpress - Gutenberg: Dynamic Block - 在编辑器中显示保存的数据

我试图用下拉列表创建一个 Gutenberg 动态块。我已完成块创建并在前端使用选定的下拉值呈现块。

编辑帖子时如何设置使用先前值选择的下拉列表?

我尝试使用 props.attributes 访问属性值,但得到undefined

块.js

php

0 投票
1 回答
462 浏览

wordpress-gutenberg - 将多个 Gutenberg 块放在一个文件中 - 块数是否有限制?最后添加的一个不在插入器对话框中

我在一个block.js文件中有多个块。一切正常。但是今天我在同一个文件中添加了另一个块,但不知道为什么最后一个块没有出现在插入器对话框中。可能是什么原因?

编译没有错误。我尝试清除缓存。但没有任何工作。昨天创建的块仍然可以正常工作。

我可以在一个文件中放入的块数是否有任何限制?

最后一个,即registerBlockType( 'hallmark/media-search-box' ... );没有出现。

更新

突然,我在文件中创建的所有自定义块都从插入器对话框中消失了!!这怎么可能?即使我使用create-guten-blockCLI 命令创建了一个完整的新块,虽然它编译得很好,但在插入器对话框中是不可见的。出了什么问题?

0 投票
1 回答
617 浏览

wordpress - 如何为 WordPress Gutenberg 块编辑器注册样式、脚本和块

我为编辑器创建了一些自定义块,这些块正在工作,但我遇到了 CSS 问题。

blocks.editor.build.css在编辑器和前端加载,它应该只在编辑器中加载。

blocks.style.build.css应该在两个位置都加载,但不会在任何地方加载。

另外,是否有更好的方法来注册块,这样我就不必register_block_type()为我制作的每个新块重复代码?

0 投票
1 回答
400 浏览

wordpress - 如何在古腾堡 wordpress 中创建自定义嵌入块

有人可以帮我吗?

如何在 WordPress(Gutenberg 块)中创建自定义嵌入块,该块应该询问用户要嵌入的视频的 URL 和一些选项,如自动播放,在用户单击嵌入按钮后,它应该在堵塞。

我已经创建了一个插件和一个基本块,允许用户在其上输入内容并将其显示在前端。现在我想自定义我的块以允许视频嵌入。

0 投票
1 回答
432 浏览

wordpress - Wordpress 古腾堡块

我有一个自定义块的问题,当我重新加载版本页面时它会向我发送一个错误。

我不明白问题是什么。关于误差,实际和预期是相同的。

这里的错误:

块验证:namespace/nottomiss({object})的块验证失败。

预期的:

实际的:

这是我的代码:

提前感谢您的回答,

0 投票
1 回答
580 浏览

wordpress - 如何防止古腾堡在画廊上传中调整图像大小?

在帖子中,默认情况下,古腾堡编辑器将通过 css 自动调整任何作为画廊上传的图像的大小,从而导致图像太小和模糊。

我一生无法弄清楚如何首先防止这种情况发生,或者找到一种方法将图像尺寸恢复为全尺寸 - 有人吗?

我是否缺少已内置的选项,或者是否有解决此问题的插件,或者有关如何更改代码的想法。欢迎任何想法!

附言。请注意,上传单个图像时,右侧工具栏有一个更改图像大小的选项 - 但是通过图库模式一次上传多个图像时不会出现此选项。

干杯

0 投票
0 回答
269 浏览

wordpress - 更改 InnerBlocks 模板中的块类型而不丢失内容

我有一个块类型,它包含使用 InnerBlocks 的其他块,输出由 InnerBlocks 模板生成(类似于列核心块)。我希望能够将其中一个块更改为另一种块类型(定义了转换的块类型),但是当我这样做时,内容会被删除。

有没有办法做到这一点?

以此类推,如果核心列块有子块“第三列”和“半列”,是否有一种方法可以将两个“半列”变为三个“列-三分之一”而没有丢失数据?

为了扩展上面的类比,假设我复制了核心块,我修改了列块,如下所示:

模板生成功能:

和编辑功能中的 RangeControl:

core/column 和 coreclone/column 是相同的。在此示例中,当我更改列数时,模板中的子块类型会更改。核心/列块不会转换为核心克隆/列块,它们只会被擦除并制作新的核心克隆/列块。我希望它们在不擦除内容的情况下转换为 coreclone/column 块。