wordpress-gutenberg 相关问题

Gutenberg是WordPress的可视化编辑器。标记为wordpress-gutenberg的问题应该与Gutenberg编辑器的使用或修改有关。

在 Windows 10 上启动 wp-env 时出现 Git 错误

我无法启动 wp-env,我也不明白我收到的错误。我已经安装了 wp-env、docker 和所有其他我需要的东西。 我正在使用 Windows 10,我的帐户是管理员...

回答 0 投票 0

Wordpress `查询无结果`块问题

我使用 WordPress 版本 6.3.x,并启用了完整站点编辑。 我的查询循环块有“无结果”块,但问题是当查询仅返回 1 个帖子时,它同时显示此帖子和“否”

回答 1 投票 0

.has-global-padding 未添加到 Wordpress 中的 .is-root-container

我有一些问题,因为 .has-global-padding 没有添加到 is-root-container 中。 在 theme.json 中我有以下设置: “设置”:{ “useRootPaddingAwareAlignments”:...

回答 2 投票 0

如何从古腾堡嵌入编辑器中删除“Watch on Youtube”?

当我使用古腾堡编辑器 Youtube 嵌入块时,如何删除“在 Youtube 上观看”。这样一来,左下角有一条写着“Watch on Youtube”的条纹,这……

回答 2 投票 0

Block.json 返回错误的路径

我使用@wordpress/create-block创建了一个自定义块插件(https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/) 它作为一个插件工作,但是当我移动时...

回答 2 投票 0

注意:WP_Block_Type_Registry::register 被错误调用。块类型名称必须包含命名空间前缀

我正在尝试按照本教程创建古腾堡 ACF 块 https://www.advancedcustomfields.com/resources/blocks/ 我收到上面的错误 注意:WP_Block_Type_Registry::register 被调用...

回答 4 投票 0

我可以仅使用自定义插件覆盖我的自定义块主题模板(即index.html、404.html)吗?

我开始开发一个块主题,它将具有相同的主结构但不同的内容,最终结果也可以通过覆盖模板部分来实现。 所以,我正在寻找一种方法......

回答 1 投票 0

Gutenberg setAttributes 不更新我的编辑区域

如何将古腾堡中的 HTML 元素绑定到数组/对象? 你好, 我现在正在编程一个古腾堡块,只是想将一个对象绑定到我的块,但它没有更新。 目前...

回答 1 投票 0

无法保存属性并在页面自定义块上渲染

我创建的一个新的自定义块,它在块列表中可见,并在编辑页面上正确呈现,但保存后,它不会在主页上呈现。 函数.php 我创建的新自定义块,它在块列表中可见,并在编辑页面上正确呈现,但保存后,它不会在主页上呈现。 函数.php <?php require 'inc/autoload.php'; require 'inc/theme-functions.php'; require 'inc/gutenberg-blocks.php'; 古腾堡-blocks.php function registerExtensionCategory($categories): array { $result = [ [ 'slug' => 'extension-blocks', 'title' => 'Blocks category name' ] ]; foreach ($categories as $category) { $result[] = $category; } return $result; } function misanGutenbergBlocks(): void { $version = wp_get_theme()->get('Version'); //load styles wp_enqueue_style('misan-custom-blocks', get_template_directory_uri() . '/misan_blocks.css', [], $version); //load fontawesome wp_enqueue_style('fontawesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css'); // load blocks js wp_enqueue_script('misan-custom-blocks', get_template_directory_uri() . '/dist/blocks.js', ['wp-blocks', 'wp-editor', 'wp-components', 'wp-element'], $version); //register blocks register_block_type('misan-custom-blocks/paragraph-with-title', [ 'editor-script' => 'paragraph-with-title' ]); register_block_type('misan-custom-blocks/company-numbers', [ 'editor-script' => 'company-numbers' ]); register_block_type('misan-custom-blocks/opinions', [ 'editor-script' => 'opinions' ]); register_block_type('misan-custom-blocks/contact-form', [ 'editor-script' => 'contact-form' ]); register_block_type('misan-custom-blocks/image-with-text', [ 'editor-script' => 'image-with-text' ]); register_block_type('misan-custom-blocks/offers', [ 'editor-script' => 'offers' ]); register_block_type('misan-custom-blocks/price-list', [ 'editor-script' => 'price-list' ]); } add_action('enqueue_block_editor_assets', 'misanGutenbergBlocks'); add_filter('block_categories_all', 'registerExtensionCategory'); proceList.js const {registerBlockType} = wp.blocks; registerBlockType('misan-custom-blocks/price-list', { title: 'Price list', icon: 'list-view', category: 'extension-blocks', edit: ({attributes, setAttributes}) => { return ([ <section id={'price'}> <p>test</p> </section> ]); }, save: ({attributes}) => { return ([ <section id={'price'}> <p>test</p> </section> ]); } }); 只有最后两个块(报价和价目表)不起作用,其他块按预期工作。 我尝试将块注册移动到其他功能,但它不起作用。 控制台和服务器日志中没有错误 我解决了我的问题,但我仍然不知道为什么它不能按我想要的方式工作。 我尝试执行以下操作: 价格表.js import {metadata, name, price} from "./price-list/single-price.js"; import savePrice from "./price-list/save-price-list.js"; import editPrice from "./price-list/edit-price-list.js"; const {registerBlockType} = wp.blocks; registerBlockType('misan-custom-blocks/price-list', { title: 'Price list', icon: 'list-view', category: 'extension-blocks', edit: () => editPrice(), save: () => savePrice() }); registerBlockType({name, ...metadata}, price); savePrice 和编辑 Price 返回带有文本的简单 HTML -> 它不适合我 我将“savePrice”和“editPrice”函数中的所有代码移至此文件,并摆脱了“导入”。现在它可以正常工作了。 价格表.js const {registerBlockType} = wp.blocks; registerBlockType('misan-custom-blocks/price-list', { title: 'Price list', icon: 'list-view', category: 'extension-blocks', edit: () => { return ([ <section className={'section-inner'} id={'price-mobile'}> <div className={'prices'}> <p>test</p> </div> </section> ]) }, save: () => { return ( <section className={'section-inner'} id={'price-mobile'}> <div className={'prices'}> <p>test</p> </div> </section> ) } });

回答 1 投票 0

创建一个获取 api 数据的 Wordpress 块

我是WordPress开发的新手,所以我正在努力解决以下问题: 我们想要在 WordPress 中创建一个自定义块,从 api 端点获取数据并将其显示在 richte 中......

回答 1 投票 0

如何删除WordPress块编辑器中所有块的“高级”面板?

我想为我的客户优化 WordPress 块编辑器并隐藏所有可能让我的客户感到困惑的内容。我已经通过 theme.json 删除了几个面板(颜色、版式等)(由

回答 1 投票 0

如何在前端添加古腾堡块编辑器?

我想在前端(在插件或主题中)启用页面/帖子部分的编辑。我想在前端页面上打开古腾堡编辑器。似乎没有官方的方法......

回答 2 投票 0

使用 REST API 更新 WordPress 页面内容会弄乱 Astra Starter 模板中的样式

我正在运行一个安装了 Astra Starter 模板插件的 WordPress 网站,但在使用 REST API 更新页面时遇到问题。 我正在尝试更新 标签内的文本... 我正在运行安装了 Astra Starter 模板插件的 WordPress 网站,但在使用 REST API 更新页面时遇到问题。 我正在尝试将 <h1> 标签内的文本从“Hello World”更新为“Hello People”。我通过向 wp-json/wp/v2/pages/<id> 发出 GET 请求来检索页面的当前内容,然后使用更新后的 HTML 向 wp-json/wp/v2/pages/<id> 发出 POST 请求,除了文本之外不更改任何内容。参数 content 设置为更新的 HTML 内容。 问题是,当我查看更新后的页面时,布局和样式都被破坏了。在检查 HTML 源代码后,我注意到 WordPress 似乎添加了一些随机标签或从原始 HTML 内容中删除了元素。 我的网站使用 Astra 入门模板,该模板利用光谱块,因此 HTML 代码不遵循古腾堡 HTML 注释风格。当向 wp-json/wp/v2/blocks 发出 GET 请求时,我收到一个空列表作为回报。 谁能解释一下为什么 WordPress 在 POST 请求期间修改我的 HTML 内容以及如何在保留原始格式和布局的同时成功更新页面内容?任何建议或见解将不胜感激。 左侧编辑器显示通过 POST 请求更新页面后的 HTML 内容,并通过对端点的 GET 请求获取内容,检索response['content']['rendered']。右侧编辑器显示我通过 POST 请求发送到端点的 HTML 内容。 这是全部 HTML 内容。左边是更新页面内容之前,右边是更新之后。从屏幕截图中可以明显看出,Wordpress 似乎删除了 link 标签。 “通过端点的GET请求获取内容,检索response['content']['rendered']” 您没有提供源代码的详细信息,所以我无法准确地重现您的问题,但是从您的屏幕截图中rendered content我知道可能是什么问题! wordpress 额外自动生成 p 标签! 是的,这是已知的 feature 代表 wordpress developers 和 bug 代表 non-wordpress developers! Wordpress 有充分的理由默认会在 p 和 the content 周围自动生成 the excerpt 标签! 根据您在 WordPress 上使用的主题/插件,这可能会有所不同!再次因为我们不知道您的 WordPress 设置,并且我们没有您堆栈的确切详细信息。 您可以通过删除其过滤器挂钩来禁用此功能(即自动生成的p标签)!像这样: remove_filter("the_content", "wpautop"); remove_filter("the_excerpt", "wpautop"); 在您的活动子/主题的 functions.php 文件中使用上面的代码片段! 如果您需要/想要,您可以阅读更多有关wpautop的信息! POC 默认 WordPress 带有自动生成的 p 标签: 来自rest api的响应包含自动生成的p标签 取下wpautop过滤钩后:

回答 1 投票 0

在 WordPress 菜单中加载整个小部件区域

我想在WordPress中创建非常可变的大型菜单。这个想法是使用标准 WP 菜单(register_nav_menus 函数)和新的 Gutenberg 小部件。我创建了一个主菜单和小部件区域“meg...

回答 1 投票 0

如何修复自定义区块验证中的错误?

帮助查找错误。我什至不明白这个错误 最有可能是 save.js 的问题,但我只是在学习,没有什么可以帮助我。 保存.js: 导入 { useBlockProps, RichText, MediaUpload } from &qu...

回答 1 投票 0

如何修复错误自定义块有效......?

帮助查找错误。我什至不明白这个错误 很可能是 save.js 的问题,但我只是在学习,没有什么可以帮助我 保存.js: 从“@

回答 1 投票 0

在没有插件的情况下在 WordPress 中插入自定义帖子类型

问题是这样的(此网站出现严重错误。请检查您的网站管理员电子邮件收件箱以获取说明。) 我把代码放在 function.php 中 函数 create_posttype(...

回答 1 投票 0

注册后将用户重定向到其作者帖子 URL

我需要在注册后将用户重定向到他们的作者页面。 过滤器“registration_redirect”正在工作,我似乎无法检索最近注册的用户 ID 以获得他们的...

回答 1 投票 0

尽管设置了contentSize和wideSize,为什么布局还是全角/

我在 theme.json 中添加了布局对象和属性 contentSize : 620px , WideSize : 1000px 但前端和编辑器中的布局仍然是全宽 在编辑器中我可以看到我...

回答 1 投票 0

如何在WordPress的古腾堡编辑器中的<li>元素中插入图像?

当我在古腾堡编辑器中将鼠标指针移动到列表块的 元素末尾,并按 Ctrl+V 粘贴图像时,原始列表块将转换为多个列表块。是 当我在古腾堡编辑器中将鼠标指针移动到列表块的 <li> 元素的末尾,并按 Ctrl+V 粘贴图像时,原始列表块将转换为多个列表块。有没有办法将图像插入到列表中的 li 元素中,防止原始列表块被破坏? 您可以使用列表块上的 HTML 编辑器并插入图像: <ul> <li>test</li> <li> <figure class="wp-block-image"> <img src="url_of_img" alt=""> </figure> </li> </ul> 结果:

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.