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

php - 在数组中组织数组

我很难找到线索。

我有一个函数,它接受一个 JSON 数据列表并将其形成一个 php 多维数组。我正在尝试将此数组插入 Wordpress 的 add_theme_support 函数以添加一些颜色选项。

由于某种原因,我正在创建的数组不会被 add_theme_support 函数接受。

0 投票
0 回答
306 浏览

wordpress - Gutenberg ServerSideRender 回调

我正在尝试在服务器端渲染上触发回调函数:

此方法用于PlayList块中,在我的情况下未触发。

0 投票
1 回答
123 浏览

reactjs - Gutenberg 插件创建结构和文件

我最近推荐了几个 Gutenberg 兼容插件。示例:https ://github.com/HardeepAsrani/gutenberg-boilerplate 。我无法了解如何创建以下文件

https://github.com/HardeepAsrani/gutenberg-boilerplate/blob/master/dist/block.js

我做了一个 npm 安装,它为我提供了以下文件 文件

也没有得到 webpack.config.js 文件是如何运行的。

谁能解释我?

0 投票
1 回答
454 浏览

wordpress - 如何将 rel 属性添加到古腾堡画廊中的链接

如何在我的网站上制作fancybox 3。我将此代码用于旧画廊:

现在这段代码不起作用。

0 投票
1 回答
849 浏览

wordpress - Wordpress 的页面编辑器更改为“块”格式,并丢失了主题组件

今天我登录到我的 WordPress 管理员并被提示“更新数据库”,没有给出任何选项,所以我做了。在那之后,我的页面显示了一个基于块的“新”视觉作曲家,它没有显示我的主题组件,而只有一个带有一系列简码的文本块。

它改变了可视化作曲家显示的通常的后端与前端编辑器,并允许我通过行和列操作我的页面。

现在页面编辑器:

更新后的编辑

之前的页面编辑器:

更新前的编辑

我尝试卸载并重新安装插件、主题本身等。但到目前为止没有成功。

有没有办法恢复到最后一个编辑器(没有备份),或者调试为什么我只得到简码?

0 投票
1 回答
155 浏览

javascript - ReactJS 更新输入的简单数组 onChange

我有以下带有社交图标的属性:

我有一些控制:

我正在渲染社交图标:

显示 3 个图标。每个选择控件中都会显示正确的图标名称。但是,当我更改选择控件中的图标时,会添加一个新图标,而不是更新。添加 URL 时也是如此,正在添加空白标签。

更改选择和文本输入时如何更新数组?

0 投票
1 回答
4991 浏览

javascript - 在 Wordpress Gutenberg 自定义块中显示自定义帖子类型列表

我正在尝试让我的 Wordpress 插件/主题的用户(它使用自定义帖子类型来处理产品)制作一个显示这些自定义帖子之一摘要的块。我试图通过在我的插件中创建一个自定义块来实现这一点,基于官方教程。在 Gutenberg 后端,我想简单地显示一个选择框,其中包含所有自定义帖子作为选项,但我愿意接受建议。

我试图阅读我可以在块的 javascript 文件中传递给getEntityRecords函数的内容,但文档似乎真的很少。如果有人能指出我正确的方向,我将不胜感激。我也尝试过设置'taxonomy'而不是'postType',但它也不起作用。如果没有好的 API 文档,可能的选项和参数很难猜测。

这是(部分)我的代码。我想知道第getEntityRecords3 行的可能参数。

0 投票
1 回答
1631 浏览

wordpress - Gutenberg MediaUpload 在编辑器中消失

我正在尝试在 Gutenberg 中创建一个涉及上传图像的自定义块。我遇到的问题是renderinMediaUpload不起作用。我想我错过了一些东西,但我找不到它。

每当我尝试将一个MediaUpload元素放入一个块中时,它都是空的。在下面的代码中,如果你检查它,你会看到<div class="image-test">但里面什么都没有。

我尝试简化到下面的代码以确保没有任何干扰,但它仍然对我不起作用。

这是block.js代码:

这是我在函数中声明块的地方:

0 投票
2 回答
5060 浏览

wordpress - WordPress Gutenberg: This block contains unexpected or invalid content

I am creating very simple text block. The block works fine when I add this for the first time. If I refresh the page and try to edit the block it show me the message "This block contains unexpected or invalid content.". I have tried to disable htmlvalidation check but that doesn't help. Also, after I click on resolve: the current block and after conversion block contain same code.

http://prntscr.com/lwv18b
http://prntscr.com/lwv1e1

This is my index.js file code

0 投票
1 回答
57 浏览

css - Wordpress 自定义 Html - 跳转到锚点然后滚动

我有一个 Wordpress 网站,顶部有一个 100 像素高的横幅。我正在尝试构建一个页面,指导人们如何检查每个主要电子邮件服务的垃圾邮件文件夹。我正在使用“古腾堡”编辑器。

当我跳转到一个锚点(例如 Gmail)时,它会转到一个位置,因为我页面顶部的横幅,它会切断被跳转到的部分的前 100 像素。我想跳到锚点,然后再向下滚动 100 像素,这样看起来它正在滚动到相应部分的开头。

我不需要任何类型的滚动效果或类似的东西,我只需要它转到页面上部分顶部未被横幅切断的位置。

这是我在 Wordpress 页面上的自定义 HTML 块中使用的代码:

区块 1:

区块 2:

我从这个页面得到了这个代码。

当我单击跳转链接时,它会转到锚点,但它仍然隐藏顶部横幅下方链接部分的前 100 像素。

我需要做什么才能完成这项工作?我对 HTML 和 CSS 很陌生,所以请不要假设我除了极端基础知识之外什么都知道。

提前致谢!