首页    >    新闻资讯    >   WooCommerce建站:古腾堡编辑器如何添加到WooCommerce

WooCommerce建站:古腾堡编辑器如何添加到WooCommerce

众所周知WooCommerce编辑器默认使用经典的WordPress编辑器在您的电子商务网站上添加或编辑产品。Gutenberg编辑器是一个拖放式编辑器,提供用户友好的界面来编辑和设计网站。WooCommerce对古腾堡没有任何内置支持,那么Gutenberg古腾堡编辑器如何添加到WooCommerce?

一、使用 Code Snippets插件

将Gutenberg编辑器添加到WooCommerce的最简单方法是使用一个名为 Code Snippets 的插件。

1、安装Code Snippets插件

在WordPress 仪表板上转到 Plugins > Add New 并查找Code Snippets,安装并激活插件。

WooCommerce教程

2、添加代码片段

在仪表板上,导航到 Snippets > All Snippets > Add New。在此处添加新的代码段名称,并将以下代码复制并粘贴到代码段的“代码”部分中。

确保在底部启用 Run Snippet Everywhere 并保存更改,这会将古腾堡添加到网站的WooCommerce中。

WooCommerce教程

3、检查WooCommerce产品页面

最后必须检查并验证添加的代码是否正常工作,转到“产品”并选择现有产品或添加新产品。

WooCommerce教程

二、使用Functions.php文件

可以向主题文件添加代码以创建WooCommerce Gutenberg产品页面。虽然不建议使用此方法,因为当更新主题时代码可能会丢失,或者如果代码有微小的放错位置网站可能会中断。

为此请转到 WordPress仪表板上的 Appearance > 主题编辑器。找到当前主题的functions.php文件,并将上面给出的代码粘贴到functions.php文件的末尾。

 

WooCommerce教程

分类:新闻资讯

标签:,

* 版权声明:作者WordPress啦! 转载请注明出处。