问题标签 [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.
css - 如何使引导容器在古腾堡工作
我做了一个古腾堡 .alignfull 课程
效果很好。
我已经在...中放置了一个引导容器
这可以很好地将内容保留在网格中。但是,当我在较小的屏幕上查看时,它会停止工作。
通常会从浏览器边缘反弹的填充和边距会离开页面。
所以我的内容是靠墙的,而不是像一个好的引导容器那样被填充。
有谁知道解决这个问题?
我尝试了不同的 CSS
我正在考虑使用媒体查询来覆盖较小屏幕上的 alignfull。我只是觉得应该有一种仍然支持.container的css方式来做到这一点。
谢谢
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.
javascript - 挑战:通过 AJAX 加载重力表单 - 将 PHP 解决方案更改为 Gutenberg 代码
我需要通过 Ajax 加载重力表单,只需按一下按钮(在 PHP/Wordpress 中),感谢 Steven Henty,我找到了他的解决方案来解决我的问题。稍微修改它以在模态(lity modal)中打开我的表单,它可以工作!然而......现在我开始将我的网站迁移到 Wordpress 中的新 Gutenberg 编辑器。所以我需要一个可以从 Gutenberg 块 (javascript) 代码中执行相同操作的系统。
我可以编写一些代码,但我不是铁杆,所以如果有人能告诉我如何实现这个以前的(基于 PHP 的)“系统”,例如实现这个代码的(基于 JavaScript 的)古腾堡按钮块,我会很高兴。这是当前(工作)按钮的代码:
按钮.php
我使用出色的create-guten-blocks作为样板,我的模板块文件如下所示:
form-button.js
希望这是有道理的。这是我在 Stackoverflow 上的第二篇文章,所以如果您需要更多详细信息,请告诉我......真的希望你们中的一个熟练的人能够处理这个问题。谢谢!
wordpress-gutenberg - 调色板样式未正确添加
由于我无法理解的原因,自定义 CSS 颜色名称未正确添加到 html 元素中。例如 - 我的自定义块有 text-color-red 调色板,它完美地显示出来。当我选择颜色时,相应的 HTML 元素会添加 text-color-#F44336 CSS 类而不是 text-color-red 。因此,颜色不应用于元素。任何帮助将不胜感激
函数.php代码
块代码
editor.css 和 style.css
wordpress - 在 Gutenberg 图像、封面和画廊 - 块中编辑 srcset 和尺寸属性
我正在寻找一种方法来处理 Gutenberg 图像块上的响应式 srcset 和尺寸属性 - 例如图像、封面和画廊。
通常会使用“wp_get_attachment_image_attributes”过滤器来做到这一点,例如:
但古腾堡街区对此没有反应。有没有其他方法或方法可以利用这个过滤器来改变他们的 srcset 行为?
wordpress-gutenberg - 添加特定的古腾堡块后立即运行脚本
添加块后如何立即运行脚本?我正在使用 ServerSideRender 添加地图块,但它只打印带有地图 ID 地图画布的 div。我要申请
添加地图块后我将如何应用它?
wordpress-gutenberg - Gutenberg - 从服务器端获取值
我几个小时前搜索了有关它的信息,但我找不到解决方案。
我有一个名为“get_regions()”的带有全局函数的插件:
然后我需要将这些值放在我的 Gutenberg 块中的一个选择中。我的编辑功能中有这段代码,它可以工作!
但它具有静态值,我需要“SelectControl”中的选项具有来自函数的值get_regions()
。
如何从侧服务器获取这些值?
wordpress - 古腾堡自定义阻止 php 渲染问题
我正在为 WordPress Gutenberg 编辑器创建一些自定义动态块(点击此链接)。
我对这些块使用 PHP 渲染,这意味着我保存了以下代码:
通过此回调调用渲染函数:
我不会发布功能代码,因为在这种情况下无关紧要。(我做了一个 WP_Query 并显示一些自定义的帖子数据并返回一个 html 代码),
我的问题是 WP Gutenberg 从函数获取输出并添加
<p> and <br>
标签(经典的 wpautop 行为)。
我的问题是:我怎样才能只为自定义块禁用它?我可以使用这个:
但我不想改变默认行为。
一些额外的发现。用于块渲染的 php 函数使用 get_the_excerpt()。一旦使用了这个函数(我假设发生在 get_the_content() ),就会应用 wpautop 过滤器,并且块的 html 标记会变得混乱。
我不知道这是一个错误还是预期的行为,但有没有不涉及删除过滤器的简单解决方案?(例如,在主题森林中,不允许删除此过滤器。)
wordpress - 以编程方式触发 Wordpress Gutenberg “转换为块”
我有几个用 Node.js 编写的机器人来自动生成 HTML 内容并使用 REST API 将它们放入多个 Wordpress 站点。最近 Wordpress 5.0 正式发布,Gutenberg 成为了默认编辑器。所有旧帖子以及机器人生成的帖子都将封装在一个“经典”块中。
正如我们大多数人已经知道的那样,应该添加额外的标记来将 HTML 元素转换为块,并且在 Gutenberg UI 中有一个“转换为块”按钮可以将它们转换为块。是否有任何方便的方法(比如使用内置函数)以编程方式执行与“转换为块”相同的操作,或者我们应该将那些与古腾堡相关的标记一一包装?任何帮助都应该不胜感激
wordpress - Gutenberg Wordpress:扩展核心块
我正在尝试向新的 Gutenberg Wordpress 编辑器的所有核心块添加一个填充检查器控件。我已经在编辑器上创建了控件,现在我正在尝试将此样式应用于块元素本身。
但是我一直This block contains unexpected or invalid content.
在积木上出错。任何人都可以在这里帮我解决我到底在做什么吗?
PHP