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

wordpress - 在 GutenBurg 块中添加扩展

我想在inspectControl如何添加这个中添加一些扩展。请检查图像以获得更好的理解。 像这样的扩展

这是我正在使用的代码,但这个代码不起作用。你能检查一下是什么问题吗。我没有找到任何关于此的文档。请为此参考文档或教程,并请使用此代码。

0 投票
1 回答
223 浏览

wordpress - WP Plugin Advanced Gutenberg 的 Accordion - 防止打开第一个 Accordion

我正在为 Wordpress 使用插件“Advanced Gutenberg”中的手风琴。该插件默认打开第一个选项卡。但我想显示所有关闭的标签。所以我写了一个小脚本来关闭文档准备好的第一个手风琴:

那行得通。所以所有display: none的手风琴默认都有。但是如果我现在点击打开第一个手风琴,它只会在第二次点击后打开。所有其他手风琴在第一次单击后打开。

你知道问题是什么吗?

0 投票
0 回答
70 浏览

wordpress - WordPress:如何向用户隐藏特定的古腾堡块设置

有什么方法可以对用户隐藏一些 Gutenberg 块设置?

像“裁剪图像、链接到和附加 CSS 类”

在此处输入图像描述

0 投票
1 回答
37 浏览

ecmascript-6 - 使用 Babel (PhpStorm) 的 ES6 Transpile 错误

我的 Babel 文件观察器的 PhpStorm 中出现以下编译错误:

本质上,它看起来好像没有识别 ES6 语法。我已经根据 Babel 网站安装了 es2015 预设,我看到的唯一错误是这个 Synax 错误,所以不确定我是否遗漏了一些明显的东西,因为我真的是一个 PHP 开发人员。

任何帮助都会很棒,或者如果其他人拥有最新版本的 PhpStorm 并为此目的设置了转译器。

0 投票
1 回答
873 浏览

wordpress - Gutenberg ToggleControl 不会在视觉上切换

我在InspectorControls区域中出现的块上有一个 ToggleControl 。默认情况下打开。当我尝试使用布尔类型设置它时,它不会正确保存状态。当试图切换它时,它会保持为“ on ”,但帮助文本会改变,就像它是off一样。保存更改并重新加载时,切换将回到on

但是,如果我将该输入更改为字符串并自己进行布尔处理,它会正确切换输入并保存状态:

这可行,但在渲染时检查真实性时需要额外的字符。我可以通过使用一个数字并使用 0 和 1 来使这更容易一些,但这不是重点。我是否缺少布尔类型的某些内容,或者这是 Gutenberg 中的错误?

WP版本:5.1.1

0 投票
1 回答
76 浏览

wordpress - 在哪里创建古腾堡块

这个 Gutenberg 更新看起来不错,但尝试遵循任何文档会立即令人沮丧。

我从外观非常简单的教程开始,这是 Google 上的第一个结果。它的代码看起来对我在这里尝试做的事情有意义。伟大的。

除了它没有说明在哪里放置此代码以使其工作。

其他教程都是关于“下载我们的插件,我们会为你创建一个”——但是当我真正想要的是一个相当简单的静态代码块时,我不想添加那么多代码让用户进入一个页面。

回到过去,我们只需在 functions.php 文件中注册一个短代码,就可以收工了。

有人可以向我解释一下:

  1. 这个注册码放在哪里?
  2. 把它引用的这个 JS 代码放在哪里?
  3. 如果我以某种方式对古腾堡的工作方式有一个巨大的误解?

谢谢

0 投票
3 回答
2372 浏览

wordpress-gutenberg - 在php中获取可重用块

对于我的一生,我找不到任何关于如何做到这一点的东西:只需在主题模板中通过 php 输出一个可重用的古腾堡块。似乎应该是可行的。任何人?

0 投票
2 回答
1420 浏览

javascript - 如何使用 wp-blocks api 将原始 html 转换/解析为 wp gutenberg 块?

我很难准备我的帖子数据以将其导入网站。我想将我所有的原始 html 转换为古腾堡就绪块(如<!--wp:paragraph--> <p>hello world</p> <!--/wp:paragraph-->),以避免对每个帖子进行手动转换。现在发生了什么:

注册处理程序脚本和依赖项 -wp_enqueue_script( 'filter', get_template_directory_uri() . '/js/article-filter.js', array('jquery', 'wp-blocks', 'wp-element'));

调用 rawHandler/pasteHandler - var gutblock = wp.blocks.rawHandler({ HTML: '<p class="content">Hello world </p>' });

出错 -Cannot read property 'attributes' of undefined 也许我在主要概念上被误解或做错了什么。

将非常感谢您的帮助。

0 投票
1 回答
69 浏览

wordpress - 是否可以将经典的 wordpress 帖子转换为自定义 Gutenberg 块?

当您在 Wordpress 中有一个经典块并想要将其转换为 Gutenberg 块时,您可以选择转到设置 > 转换为块。

示例:https ://imgur.com/RuOflNw

对于一个项目,我禁用了标准块并制作了自己的。是否可以转换为这些块?如何?

提前谢谢了!

0 投票
1 回答
151 浏览

wordpress - 额外的古腾堡编辑器

有没有人有关于如何在 WordPress 中集成/激活第二个古腾堡编辑器的解决方案?

目前,古腾堡编辑器解析 the_content()。

我想要实现的是标题介绍文本,用户可以在其中添加自己的块,除了默认内容。