您当前的位置：首页 > TAG信息列表 > block-editor
使用NPM和wp-env制作生产捆绑包
是否有人修改了网页包配置或@wordpress/wp-scripts 需要的扩展npm run build 然后把所有的东西都打包成一小块。tgz或。没有所有额外的开发工具？WPRig 这在主题级别上做得很好，但我希望它用于简单的插件开发。不用说，我在webpack上是一个完全的n00b。
WordPress Gutenberg的反应是导入不再是试验性的__实验性的UseInnerBlocksProps
我有一个导入插件import { __experimentalUseInnerBlocksProps as useInnerBlocksProps } from \'@wordpress/block-editor\'; 但它不适用于最新的Gutenberg插件11.9，因为useInnerBlocksProps 不再是实验性的所以我可以使用import { useInnerBlocksProps } from \'@wordpress/block-editor\'; 但是，如果没有古腾
如何在InnerBlock中访问块的属性？
假设包含一个核心/库块，我想在其中自己渲染。如何在服务器端渲染中获取库ID或图像ID。php？块js公司：const { Gallery, InspectorControls, InnerBlocks } = wp.blockEditor; const { registerBlockType } = wp.blocks; const { Button, PanelBody, TextControl } = wp.components; const ALLOWED_BLOCKS =
如何在一个插件中创建多个古登堡区块
我已经创建了一个自定义块，可以在同一个插件中创建另一个自定义块，但如果我继续，它会变得一团糟，因为所有事情都必须在同一个索引中完成。js文件和php文件，似乎是这样。这对我来说是新的，所以也许有一种简单的方法可以做到这一点。但我尝试创建一个blocks文件夹，然后在其中放置一个src文件夹和一个索引。js文件，因此每个块文件夹基本上都有自己的css文件和js文件等。但当我运行npm run start时，它不会像在根目录中那样在子文件夹中创建构建文件夹。因此，我当前的文件夹结构如下所示：build &#x
显示弹出窗口，带有URL和在新窗口中打开的选项
我正在创建一个自定义块，我想显示一个按钮，用户可以编辑其文本，我希望他们能够选择页面/输入链接。我有这个工作，但使用URLInputButton 当您突出显示一些文本，然后选择添加超链接时，不提供在新选项卡（如默认wordpress弹出窗口）中打开的选项。这就是我目前拥有的：<URLInputButton url={url} onChange={onURLChange} /> 我还玩过一件府绸，但不知道如何把我想要的东西放进去。这只是按照它所说的做，并显示“Popover已切换！”&
如何使用__ExamentalLayout为内部块提供对齐控制和默认布局？
如本期（https://github.com/WordPress/gutenberg/issues/33374) 我希望自定义块的内部块具有默认的布局和对齐控件，如组块的布局切换，但已烘焙。回答了，但我想不出代码：您可以通过向内部块提供布局来实现这一点，也就是说，该功能目前仍处于实验阶段，您应该能够将{experimentalLayout={{{contentSize:\'800px\'，wideSize:\'1000px\'}}}传递给您的内部块，您还可以将{experimentalLayout={{i
Gutenberg：如何在编辑器中使用RangeControl并使其工作？
我尝试在块编辑器外部和内部使用RangeControl组件。但似乎缺少了一些样式，而且无法正常工作。在古腾堡的街区有没有什么诀窍可以使用它？export default function Edit( { attributes, setAttributes } ) { const blockProps = useBlockProps(); const MyRangeControl = () => { const [ columns, setColum
Gutenberg：如何在块前端显示元字段数据(保存功能)
在我的帖子中有一些遗留的元字段，我想显示在我的块中。我找到了设置元字段的文档，但没有找到如何显示它们。所以我尝试了这个：export default function save( { attributes } ) { const blockProps = useBlockProps.save(); const postType = useSelect( ( select ) => select( \'core/editor\
过滤古登堡组件，而不是块
我现在想知道是否有可能过滤古腾堡组件，而不是块。例如，我需要在每个DropDownMenu 组件，可通过更改；“控件”；变量今天，如果需要向每个块添加新的Inspector控件，我可以使用：var el = wp.element.createElement; var withInspectorControls = wp.compose.createHigherOrderComponent( function ( BlockEdit ) { ret
如何使定制邮寄类型的帖子成为古登堡的模式？
我已创建自定义帖子类型ml_patterns_. 现在，我想使用每个帖子作为单独的古腾堡块模式。为此，我创建了以下内容：$args = array( \'post_type\' => \'ml_patterns_\', \'post_status\' => \'publish\', \'posts_per_page\' => 9999, \'orderby\' => \'title\', \'o
Gutenberg：如何在编辑器中隐藏服务器端渲染输出，但将其保留在前端？
我的目标是使用Gutenberg块作为后端编辑器来收集数据，但只使用php输出数据。我在块中添加了服务器端渲染组件。现在，我可以在Gutenberg编辑器中编辑属性，并使用php在服务器端输出它们。但输出也是编辑器中的渲染器。我不需要它，因为它会将所有内容显示两次。如何在编辑器中隐藏服务器端渲染输出？我是否使用类似于“No No modHFGen.dll；if is\\u frontend（）{return$output}”quot；或者服务器端渲染是否有一个属性可以阻止它进入Gutenberg？
如何在前端仅加载使用过的块的CSS
我试图找出如何只对前端实际使用的块使用css。在我当前的设置中，所有内容都捆绑到我的build/frontend.css 文件，所以只需使用多个块中的一个就可以加载所有css，因为它都在构建frontend.css 文件但如果我只使用一个hero块，我只希望在前端加载hero css，而不是整个css文件。下面是我的文件夹结构的基本概念build frontend.css frontend.js src index.js frontend.css&#
如何在动态块中动态呈现InnerBlock？
我正在用自定义块构建一个自定义网站，最近决定将我的所有块转换为动态块。不使用的块InnerBlocks 很好，但我不知道如何渲染动态InnerBlock 在另一个动态块内。我用另一篇帖子的建议来混合save() 方法和返回InnerBlocks.Content, 然后渲染InnerBlocks 满足于$content 内部render_callback 作用它看起来是这样的：// counter/save.js import { __ } from "@wordpress/i18n&qu
如何防止块编辑器在SAVE函数中为块标记添加ID？
我正在扩展核心WP块(core/group), 因此，它添加了一些div\'s 使我能够在前端显示所需的块。除了显示自定义（单独使用样式属性是不可能的，因此添加了标记），我用添加的标记扩展块的目的是为了在前端可以根据id 我正在添加到container div, 以及创建一个动态导航菜单，其中包含基于我的扩展块的存在而指向块的锚定链接。首先，我要说的是，在前端，所有东西都已经按照我想要的方式工作了，在块编辑器中，所有东西似乎都工作得很好，除了一个验证问题，它似乎不是一个表演的障碍，但尽管如此，我想消除验证
古腾堡：如何将自定义分类的相关术语更新到当前帖子
我已经成功地创建了一个自定义Gutenberg块，它可以修改多个元数据和本机post数据。除此之外，我还构建了一个包含自定义分类法所有术语的下拉列表（使用show_in_rest 设置为TRUE). 下拉菜单效果很好，但如何将选择内容保存回帖子？<SelectControl label="My Dropdown" options={ options } value={ value } onChange={ v =&g
如何在同一个块中多次添加InnerBlock
当我单击按钮添加新选项卡时，我希望<InnerBlock /> 因此，我可以在选项卡中添加其他块。尝试这样做并不奏效，因为在所有动态创建的选项卡中似乎都是一样的。import "./index.css"; import { registerBlockType } from "@wordpress/blocks"; import { useState } from "react"; import {
正确处理古腾堡WordPress核心数据检索
我正在尝试通过Gutenberg边栏插件中的slug名称获取标签/类别的ID。我创建了下面的函数，但第一次返回null的结果仍然很困难（由于GetEntityRecords后面的API调用的延迟）。第二次调用数据时显示正确。有什么想法吗？PS：执行此功能；onClick“；我的组件中的按钮。代码当前位于组件外部。function GetTaxonomyId(taxonomy_slug, type){ //Setup Locals let taxonomy_obje
Gutenberg构建错误：您可能需要适当的加载器来处理此文件类型的SCSS
我安装了一个插件，并使用一个从scss到css的编译器运行。在我将几个文件移动到更好的结构中后，在构建块时突然出现了以下错误：ERROR in ./blocks/random-game/src/style.scss 8:1 Module parse failed: Unexpected token (8:1) You may need an appropriate loader to handle this file type, currently no loaders are confi
尝试将编辑函数转换为能够使用Reaction生命周期方法的类
In order to be able to use React lifecycle methods I\'m trying to change the default Edit function created by @wordpress/create-block into a javascript class like in this simple test example: import { registerBlockType } from \'@wordpress/blocks\';&#x
启用Gutenberg for WooCommerce
通过一个php代码片段，我为Woocommerce启用了Gutenberg。工作非常完美，但有时当我想要编辑产品时，我会在一些产品页面上看到一个白色屏幕。知道这是怎么发生的吗？（可能是JS冲突？）我不确定是否有更好的方法来启用Woocommerce的Gutenberg编辑器或这一有点不稳定的调整。WP版本：5.8.2PHP版本：7.4.26 if($post_type == \'product\'){ $can_edit = true; }