WooCommerce编辑产品时如何启用古腾堡编辑器

文章目录

在装修商城网站产品详情页的时候你有没有遇到下面的情况👇：
🛒 在 WooCommerce 后台编辑产品时，编辑器太简单，功能受限？
🔗 想要在产品页面添加自定义按钮、短代码，但默认编辑器不支持？
📌 需要更灵活的排版方式，让产品详情页面更美观？

如果你也有这些困扰，那就该试试**古腾堡编辑器（Gutenberg）**啦！🎉

✅ 更强大的模块化编辑：自由拖拽各种区块，自定义产品页面布局 💡
✅ 支持短代码（Shortcode）：轻松插入 WhatsApp 按钮、联系表单等 🚀
✅ 兼容更多插件：提升产品页面的可玩性，让展示更丰富 🌟

下面就教你 3 步搞定 WooCommerce上架产品时使用古腾堡编辑器！📖✨

🔧 三步启用 WooCommerce 古腾堡编辑器

📌 第一步：安装代码片段插件（推荐）

如果你不想直接修改主题代码，可以使用 Code Snippets 插件来添加代码👇

🔹 进入 WordPress 后台 → 插件 → 安装插件
🔹 在搜索框输入 Code Snippets，找到插件后安装并激活✅

📌 第二步：添加代码启用古腾堡

🔹 进入 WordPress 后台 → Code Snippets → 添加新代码
🔹 粘贴以下代码 👇

代码一：
function enable_gutenberg_for_products($can_edit, $post_type) { if ($post_type === 'product') { $can_edit = true; } return $can_edit; } add_filter('use_block_editor_for_post_type', 'enable_gutenberg_for_products', 10, 2);

代码二：（备用方案）
add_filter(‘use_block_editor_for_post_type’, function ($can_edit, $post_type) {
if ($post_type === ‘product’) {
return true; // 强制 WooCommerce 启用古腾堡
}
return $can_edit;
}, 10, 2);

🔹 保存并启用（确保代码已生效）💾

📢 如果你不想安装插件，也可以直接修改 functions.php 文件，但要注意使用子主题，以免主题更新时被覆盖哦！🛠️