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

css - 如何使引导容器在古腾堡工作

我做了一个古腾堡 .alignfull 课程

效果很好。

我已经在...中放置了一个引导容器

这可以很好地将内容保留在网格中。但是,当我在较小的屏幕上查看时,它会停止工作。

通常会从浏览器边缘反弹的填充和边距会离开页面。

所以我的内容是靠墙的,而不是像一个好的引导容器那样被填充。

有谁知道解决这个问题?


我尝试了不同的 CSS

我正在考虑使用媒体查询来覆盖较小屏幕上的 alignfull。我只是觉得应该有一种仍然支持.container的css方式来做到这一点。

谢谢

0 投票
1 回答
2820 浏览

wordpress-gutenberg - Wordpress Gutenberg withSelect get list of post types

I am using Gutenberg's withSelect package to try to get all of the post types belonging to the site. Here is my code:

But I am not getting anything back. I also found the documentation for withSelect very sparse so if anyone has any further information that would be great and I will try to update the docs.

0 投票
0 回答
778 浏览

javascript - 挑战:通过 AJAX 加载重力表单 - 将 PHP 解决方案更改为 Gutenberg 代码

我需要通过 Ajax 加载重力表单,只需按一下按钮(在 PHP/Wordpress 中),感谢 Steven Henty,我找到了他的解决方案来解决我的问题。稍微修改它以在模态(lity modal)中打开我的表单,它可以工作!然而......现在我开始将我的网站迁移到 Wordpress 中的新 Gutenberg 编辑器。所以我需要一个可以从 Gutenberg 块 (javascript) 代码中执行相同操作的系统。

我可以编写一些代码,但我不是铁杆,所以如果有人能告诉我如何实现这个以前的(基于 PHP 的)“系统”,例如实现这个代码的(基于 JavaScript 的)古腾堡按钮块,​​我会很高兴。这是当前(工作)按钮的代码:

按钮.php

我使用出色的create-guten-blocks作为样板,我的模板块文件如下所示:

form-b​​utton.js

希望这是有道理的。这是我在 Stackoverflow 上的第二篇文章,所以如果您需要更多详细信息,请告诉我......真的希望你们中的一个熟练的人能够处理这个问题。谢谢!

0 投票
1 回答
1331 浏览

wordpress - 古腾堡区块验证失败(不期待孩子)

我正在开发一个 Gutenberg Testimonials 块,但是当保存并尝试重新加载它时,我的块验证失败,它似乎期待一个没有孩子的块在 carousel-inner 等。

这里是属性

完整块代码:https ://github.com/Panguino/WF_Testimonial

任何帮助将不胜感激,我是古腾堡的新手,也有点新反应。对我放轻松=)。

0 投票
0 回答
196 浏览

wordpress-gutenberg - 调色板样式未正确添加

由于我无法理解的原因,自定义 CSS 颜色名称未正确添加到 html 元素中。例如 - 我的自定义块有 text-color-red 调色板,它完美地显示出来。当我选择颜色时,相应的 HTML 元素会添加 text-color-#F44336 CSS 类而不是 text-color-red 。因此,颜色不应用于元素。任何帮助将不胜感激

函数.php代码

块代码

editor.css 和 style.css

0 投票
0 回答
166 浏览

jquery - Wordpress Gutenberg HTML 阻止对 Ajax 请求的限制

从 Gutenberg html 块发出 Ajax 请求是否有任何限制?

我有一个 html/jquery 脚本在 Ajax 上按照 wordpress 协议发出 Ajax 请求,但我的帖子请求被拒绝,帖子状态为 400。

0 投票
2 回答
321 浏览

javascript - 为 Gutenberg 块定义 Javascript 类型(wordpress)

我正在尝试使用 ReactJS 为 Gutenberg 创建自定义块。我正在尝试通过 render() 函数呈现 HTML,但出现“Uncaught SyntaxError: Unexpected token <”错误。

现在,我已经读到我应该确保将脚本类型定义为text/babel以正确呈现 HTML,但是当我通过wp_register_script() wordpress 函数添加我的 JS 文件时,我必须知道如何要做到这一点。

如果您需要更多详细信息,请告诉我,谢谢!

0 投票
1 回答
700 浏览

wordpress - 在 Gutenberg 图像、封面和画廊 - 块中编辑 srcset 和尺寸属性

我正在寻找一种方法来处理 Gutenberg 图像块上的响应式 srcset 和尺寸属性 - 例如图像、封面和画廊。

通常会使用“wp_get_attachment_image_attributes”过滤器来做到这一点,例如:

但古腾堡街区对此没有反应。有没有其他方法或方法可以利用这个过滤器来改变他们的 srcset 行为?

0 投票
0 回答
1280 浏览

javascript - WP Gutenberg InnerBlocks 不保存

我创建了一个用 wp-cli 调用的自定义块类型,它正在工作,但是当我向其中添加 innerBlocks 时,innerBlocks 会显示,但不要保存或遵守除模板之外的任何其他属性,templateLock 和 allowedBlocks 都被忽略。此外,当我将 wp.editor.InnerBlocks 定义为变量时,它返回 null,但如果我将它包含在块编辑部分中,它工作正常,仍然无法保存。完整代码:

旁注,也试图在没有块对齐控件的情况下使块对齐全宽,但找不到任何关于如何做到这一点的文档。任何帮助将不胜感激,谢谢!

0 投票
0 回答
670 浏览

wordpress - 自定义古腾堡块自动包装

我正在尝试编写一个自定义的古腾堡滑块。我的 edit() 和 save() 函数中有这个:

当我保存时,前端看起来不错,但我的后端给了我一个错误,当我单击解决块时,它向我显示:

在此处输入图像描述

是因为我在元素中添加了多个吗?