如何将古腾堡编辑器添加到 WooCommerce
想将古腾堡编辑器添加到WooCommerce,但不确定如何操作?你来对地方了!
默认的 WooCommerce 编辑器使用经典的 WordPress 编辑器在您的电子商务网站上添加或编辑产品。
这可能不允许您在 WordPress 中创建直观的产品页面,因为默认编辑器的功能和自定义设置非常有限。
因此,您可能对使用 古腾堡 Gutenberg 编辑器感兴趣,因为它提供了一个强大而简单的用户界面来编辑您的产品页面。
凭借广泛的定制功能,它使您可以更好地控制网站的外观和感觉,并可以使用其拖放构建器轻松设计您的电子商务商店。
但是,WooCommerce 对古腾堡没有任何内置支持。也就是说,有一些简单的方法可以将古腾堡添加到 WooCommerce 并开始构建引人入胜的网站。
在本文中,我们将探讨如何在 WordPress 中为 WooCommerce 启用 Gutenberg 编辑器的不同方法。
为什么要在 WooCommerce 产品页面中使用 Gutenberg 编辑器?
将 Gutenberg 编辑器添加到 WooCommerce 是简化您的网站设计和编辑体验的好方法。
Gutenberg 编辑器具有直观的拖放编辑器和独特的块,可让您向产品页面添加文本、图像和自定义设置。
使用 WooCommerce Gutenberg 编辑器,您可以使用不同的设计元素来创建吸引人的产品描述、修改设计布局以及使您的单个产品页面设计与您的品牌保持一致。
刚到古腾堡?通过此 WordPress 块编辑器初学者指南了解有关什么是古腾堡的所有信息。
如何将古腾堡编辑器添加到WooCommerce?
如果您习惯于使用 Gutenberg 编辑器,那么使用经典的 WordPress 编辑器设计您的 WooCommerce 产品页面可能会令人困惑。
但是,您可以通过使用插件或Functions.php文件向您的网站添加一些代码片段来为 WooCommerce...
WordPress 谷腾堡编辑器教程
WordPress 古腾堡编辑器(gutenberg)也称为块编辑器、WordPress 编辑器,是在 WordPress 中发布内容的新方式。
继 2018 年 12 月 WordPress 5.0 推出后,WordPress 块编辑器被设置为默认编辑器,并取代了经典编辑器。要使用经典编辑器,您需要安装经典编辑器插件。
WordPress 块编辑器提供了一系列可用于创建富媒体页面和帖子的块。
块是您添加以创建内容布局的内容元素。您可以为段落、图像、标题、列表、视频、图库等添加块。您可以轻松控制块的布局,以构建视觉上吸引人的网页。
块编辑器的工作区
要启动 WordPress 块编辑器,请单击Posts > Add New或Pages > Add New。
如何启动 WordPress 块编辑器
块编辑器默认以全屏模式打开。
全屏模式下的 WordPress 块编辑器
WordPress 块编辑器工作区包含三个主要部分:
顶部工具栏
带有帖子/页面设置和块设置的侧边栏
内容区。
顶部工具栏
顶部工具栏
在块编辑器工作区的左上角,您将看到以下选项:
退出编辑器:默认显示 W 图标,或站点图标(如果可用)。单击以退出编辑器。这将提示您保存更改或离开帖子或页面。
Block Inserter:将块或模式添加到您的帖子或页面。
块插入面板
工具:在编辑块和选择块之间切换。选择选择工具(或按键盘上的 Escape 键)以选择单个块。选择块后,按键盘上的 Enter 键返回编辑。
编辑/选择按钮
撤消 和 重做:撤消操作,或重做撤消的操作。
详细信息:获取帖子/页面详细信息,包括字符数和字数、预计阅读时间、帖子/页面上的段落数和块数,以及显示标题及其在帖子/页面上的结构的文档大纲。
文件详情
列表视图:查看帖子/页面上所有块的列表,并在帖子/页面上的块之间轻松导航。阅读有关列表视图工具的更多信息。
在发布帖子或页面之前,您将在块编辑器工作区的右上角看到以下选项。
保存草稿:保存帖子或页面的草稿而不发布。查看:查看您的帖子/页面在您网站上的外观。发布:公开您的帖子/页面。
发布帖子或页面后,您将在块编辑器工作区的右上角看到以下选项。
切换到草稿:取消发布帖子或页面,使其成为草稿。查看:查看您的帖子/页面在您网站上的外观。更新:将更改保存到您的帖子/页面。
有关如何使用视图功能的详细信息。
设置:显示或隐藏帖子/页面侧边栏设置和块设置。
选项:打开更多选项。
更多的选择
要访问更多选项,请单击右上角“设置”图标右侧的三个点。在这里,您可以使用各种选项自定义您的编辑体验。
更多的选择
看法
顶部工具栏:在编辑器中显示或隐藏顶部工具栏。当您启用此选项时,块工具栏将固定到 WordPress 块编辑器的顶部(位于顶部工具栏的正下方),而不是直接出现在块上方。
启用顶部工具栏
聚光灯模式:在聚光灯模式下,除了您正在处理的那个块之外,所有块都是灰色的,这样您就可以一次专注于一个块。
聚光灯模式
编辑
默认情况下,您将在可视化编辑器中。切换到代码编辑器以在 HTML 代码编辑器中查看整个帖子或页面。
工具
在这里,您可以管理可 重用块、学习 键盘快捷键、访问 WordPress 块编辑器欢迎指南、复制帖子/页面上的所有内容,或查看其他支持文章。
优先
使用首选项菜单可以:
自定义编辑体验。
更改您与块的交互方式以及在搜索块时显示哪些块。
从帖子/页面设置中显示或隐藏单个面板。
如何关闭全屏模式?
关闭全屏模式
要关闭全屏模式,请使用右上角的三点菜单并取消选中全屏模式。
您的选择将存储在浏览器的本地存储中。如果您切换浏览器,视图的选择将不会被记住,您必须重新设置您的首选项。当您切换计算机时也会出现这种情况。
Safari 浏览器用户偶尔会遇到默认设置的重置,因为它被编程为不时删除本地存储条目。
在核心开发人员找到最佳解决方案之前,您可以使用Persistent block editor settings...