您当前的位置:首页 > TAG信息列表 > block-editor
如何在自定义Gutenberg块的PanelColorSetting中获取颜色名称?
我正在开发一个带有PanelColorSettings组件的自定义Gutenberg块来设置背景色,下面是我的代码<PanelColorSettings title={ __( \'Color Settings\' ) } colorSettings={ [ { value: backg
古腾伯格:有没有办法知道当前的区块是否在InnerBlock内部?
所以我在Wordpress Gutenberg中使用嵌套块。我在应用引导容器类的元素上应用包装器。显然,我只想在最外面的块上使用它,而不是在嵌套块内的块上。有没有办法知道当前块是否在InnerBlocks 父块的定义?我当前正在blocks.getSaveElement 滤器有没有更好的方法?上下文:在以前的古腾堡版本中,曾经有布局属性来实现这一点,但后来它被删除了。我使用的是3.9.0版。这是我的包装函数的缩写版本: namespace.saveElement = ( element, block
如何在Gutenberg中禁用指定块的宽度对齐
我添加了对的支持align-wide 我的主题,但我不知道如何禁用某些现有块的此功能。我检查一下Gutenberg documentation 但我找不到解决办法。add_theme_support( \'align-wide\' );
Gutenberg编辑块检验器控件并保存
我想编辑一个现有的块来添加另存为元数据的检查器控件。我一直在绞尽脑汁寻找如何保存数据。以下代码向inspector系统添加了一个文本字段。我可以添加该字段,但由于某些原因,该字段无法保存。我一辈子都想不出来。var el = wp.element.createElement, Fragment = wp.element.Fragment registerBlockType = wp.blocks.registerBlockType, RichText = w
使用WordPress设置在Gutenberg插件中设置HTML属性
我想设定maxlength a上的属性TextControl 我在古腾堡插件中定义。这个长度是根据我的WordPress插件(加载Gutenberg插件的插件)中的设置设置的。我尝试了将PHP数据传递给JavaScript的标准方法(使用wp_localize_script, 例如讨论here), 但我想知道是否有更好的方法来做到这一点,尤其是在古腾堡的工作中,比继续滥用翻译功能更好。无论如何,我在尝试使上述问题中的方法工作时遇到了一个错误。以下是我的代码的相关部分:PHP插件: // enqueu
Gutenberg-如何在后台正确执行AJAX请求
我有一个前端带有服务器端渲染的简单块。PHP:register_block_type( \'some/block\', array( \'render_callback\' => \'render_my_block\', \'attributes\' => array( \'stuff\' => array( ) ) )); function rend
古腾堡:从“核心/图像”块获取所有属性
出于设计/功能方面的原因,我想更改core/image 挡块位于前端。我知道可以这样做,但有点重:PHP:// add my own render function for the core/image-block register_block_type( \'core/image\', [ \'render_callback\' => \'myCustomImageOutput\' ] ); function myCustomImageOutput
对于开发人员来说,我们可以期待古腾堡对循环产生什么影响?
我理解标题中的问题可能有点模糊。到目前为止,我对古腾堡的长期影响的理解是:i) WordPress最终将演变为一个完整的前端网站组装工具(类似于Wix)。ii)块将代表未来网站组装的核心元素。所以我的问题是,最终会对WordPress循环的概念产生什么影响?我们是否可能看到帖子/页面继续作为一种主块,所有其他块类型(以前是小部件、短代码、高级自定义字段等)然后以某种方式嵌入或绑定到这些主块(即WordPress循环?)。或者,例如,每个块类型都会与其自己的循环相关联(例如,使用传统循环中指定的新参数从类循
定义多个Gutenberg编辑器宽度
我正试图根据帖子/页面模板为古腾堡编辑器定义多个宽度。我有一个全宽度的页面模板,并希望编辑的经验是尽可能接近现场页面。现在的问题是,我似乎只能使用为编辑器定义一个宽度。wp块类。我遵循以下方法:https://wordpress.org/gutenberg/handbook/extensibility/theme-support/#changing-the-width-of-the-editor.wp-block { max-width: 720px; } 我尝试在前面添
如何禁止某个定制的Gutenberg块在InnerBlock块之外?
我确实添加了一个自定义块作为InnerBlocks 块,调用slider. 然后我得到了另一个自定义块slider-item. 我想你明白了。滑块只允许slider-item 因为它是子块。像这样:<InnerBlocks allowedBlocks={ [ \'ajk/slider-item\' ] } template={[ [ \'ajk/slider-item\' ], [ \'ajk/slider-item\' ],&
如何将脚本排入队列,以便在Gutenberg编辑器中运行?
我用古腾堡编辑器代替教室里的白板。通过让学生直接在古腾堡编辑器内工作,我可以使课堂更具互动性。作为Wordpress的长期用户,看到这种情况真是太好了,非技术娴熟的用户能够如此轻松地与编辑器交互。为了提供一些缺少的功能,我想在编辑器中运行一个自定义脚本。这是一个简单的脚本,如果满足某些条件,它会添加一些样式。我当前在前端运行此脚本,使用wp_register_script 和wp_enqueue_script 加载到wp_enqueue_scripts 行动挂钩。是否可以将此脚本加载到Gutenberg编
如何将容器类添加到标准Gutenberg块
我正在使用ACF字段创建自定义古腾堡块。但是,我遇到了一个问题,我需要根据块进出容器div。因此,我不能只在\\u content()周围添加容器div;我想做的是为每个标准的Gutenberg块添加一个类,这样我就可以将容器样式添加到这些块中的每个块中,从而更容易进出容器div以获得更好的内容样式。有没有办法做到这一点?
如何在Gutenberg块中获得分类/类别列表?
我想在古腾堡区块内显示类别(或其他分类法)的下拉列表。我只能想到两种方法:在php中创建一个分类数组,并使用wp_localize_script 使该数据可用于我的块javascript使用fetch()? 在块中,访问api的json/wp/v2/categories,获取所有类别这些是首选方法之一吗?是否有其他内置或更好的方法来实现这一点?编辑在我继续研究这一点的过程中,我了解到Gutenberg插件中的另一种方法,该方法可能在该编辑器成为core的一部分后可用:wp.apiFetch(). 很明显,
Gutenberg上的触发器脚本(块编辑器)保存
因此,我有一个metabox,我想在保存帖子时触发一些Javascript(在本用例中刷新页面)在Classic Editor中,这可以通过连接到save_post (具有高优先级)但由于Gutenberg现在将现有元数据库的保存过程转换为单独的AJAX调用,因此需要使用javascript,因此我应该如何:侦听所有保存过程都已完成的事件,然后触发javascript?如果是这样,这个事件叫什么?是否有提及这些事件的地方?OR在metabox保存AJAX过程中触发javascript,然后该过程可以在继续
使用日期范围隐藏或显示古登堡自定义块
我已经创建了一个带有dateFrom和dateTo属性的自定义块(有效),但希望在这些日期之间隐藏前端的块。不确定这是否可能?我不仅仅想添加一个类并用css隐藏,因为我不想让块可见,即使在代码中也是如此。如能给我任何建议或给我指出正确的方向,我将不胜感激。import classnames from \'classnames\' import ResizableBox from \'re-resizable\' const { isFinite, find, omit } = w
Gutenberg:无法使用ServerRender保存属性
我已经为这个问题挣扎了3个小时,我看不到结束。问题:我试图用ServerSideRender在前端显示post\\u元值。该值显示在Gutenberg编辑器中,但不显示在前端。我用脚手架搭了一个新的街区Create Guten Block我的街区。js公司/** * BLOCK: bold-blocks * * Registering a basic block with Gutenberg. * Simple block, renders and saves th
Instagram URL被转换为oEmed
我在这里有8个Instagram URLpost 其中3个未转换为嵌入/iFrame。我正在使用Gutenberg的Instagram嵌入博客添加URL。https://blog.wwf.sg/ocean/2018/11/netflix-documentaries-our-planet-okja-dogs/#我在classic editor中看到了块代码,它与其他instagram块一样,可以正确渲染,但https://www.instagram.com/p/BqDzw0CF3pC/ 它只返回URL。&l
为WordPress Gutenberg创建条件块
我一直在复习古腾堡创建块的教程,但我不清楚如何处理特定的用例-条件块。我正在考虑创建一个自定义帖子类型,我将为其注册自己的block类型。仅当某些条件为真时,才会显示这些块。这些条件将是布尔标志或整数比较(值来自wither自定义用户变量(meta)或会话值)。如果所有条件均为true,则应渲染块,但如果一个或多个条件为false,则(显然)不会显示任何内容。我不太明白我该把逻辑放在哪里。诚然,我对这个新的古腾堡系统的掌握有点不稳定,这可能就是我需要一些帮助的原因。例如:<p logic="
编辑古腾堡图像、封面和画廊块中的源集和大小属性
我正在寻找一种方法来处理古腾堡图像块上的响应srcset和size属性,如image、cover和gallery。通常,可以使用“wp\\u get\\u attachment\\u image\\u attributes”过滤器执行此操作,如:function new_img_sizes( $attr, $attachment, $size ) { if ( is_array( $size ) ) { $attr[\'sizes\'] = $size[0] . \
古登堡和预格式化模板:核心块属性
古腾堡手册目前有一个简短的条目,用于创建块的整个模板,例如用于自定义帖子类型或只是预格式化帖子。https://wordpress.org/gutenberg/handbook/templates/ 但它似乎缺少对核心/块的全面概述。这里的可用属性尤其有趣。是否有我刚刚丢失的参考条目?详细说明:通过四处玩耍,我发现了一些事情。E、 预格式化块确实采用php文件的格式,如换行符、索引和制表符,这使它们有点敏感。。array( \'core/preformatted\', array(