Как включить редактор WordPress Gutenberg для товаров Woocommerce

Редактор Gutenberg — это современный блоковый редактор WordPress, который предоставляет гибкость и удобство при создании контента. Однако в WooCommerce по умолчанию для товаров используется классический редактор. Если вы хотите использовать возможности Gutenberg для редактирования описаний товаров, эта статья покажет вам, как легко включить его с помощью небольшого кода.

Зачем включать Gutenberg для товаров WooCommerce?

Использование Gutenberg для товаров WooCommerce позволяет:

• Создавать более структурированные и визуально привлекательные описания с помощью блоков (заголовки, изображения, видео, списки и т.д.).
• Легко добавлять кастомные элементы, такие как таблицы, кнопки или галереи.
• Улучшить пользовательский опыт при редактировании товаров.
• Использовать сторонние блоки для расширения функциональности.
• Как включить Gutenberg для товаров WooCommerce

Чтобы активировать редактор Gutenberg для типа записи product (товары WooCommerce), нужно добавить небольшой сниппет кода в файл functions.php вашей темы или дочерней темы. Следуйте этим шагам:

Шаг 1: Откройте файл functions.php

1. Перейдите в админ-панель WordPress.
2. В меню выберите Внешний вид → Редактор файлов темы.
3. Найдите файл functions.php вашей активной темы.
4. Если вы используете дочернюю тему (рекомендуется), убедитесь, что редактируете functions.php дочерней темы.

Важно: Всегда делайте резервную копию сайта перед внесением изменений в код.

Важно: Если вы не понимаете что такое дочерняя тема и что такое functions.php, лучше всего использовать плагин Code Snippets.

Шаг 2: Добавьте код для активации Gutenberg

Скопируйте и вставьте следующий код в конец файла functions.php Или создайте сниппет при помощи плагина Code Snippets:

function enable_gutenberg_for_products($use_block_editor, $post_type) {
if ($post_type === 'product') {
return true; // Активируем Gutenberg для типа записи 'product'
}
return $use_block_editor; // Оставляем поведение по умолчанию для других типов записей
}
add_filter('use_block_editor_for_post_type', 'enable_gutenberg_for_products', 10, 2);

Шаг 3: Сохраните изменения и проверьте

1. Сохраните файл functions.php.
2. Перейдите в раздел Товары → Все товары и откройте любой товар для редактирования.
3. Теперь вместо классического редактора вы увидите интерфейс Gutenberg.

Как работает этот код?

Фильтр use_block_editor_for_post_type: WordPress использует этот фильтр, чтобы определить, какой редактор использовать для определенного типа записи.

Проверка типа записи: Функция проверяет, является ли текущий тип записи product (товар WooCommerce).

Возврат true: Если это товар, мы явно включаем Gutenberg, возвращая true.

Приоритет и аргументы: Фильтр использует приоритет 10 и принимает два аргумента ($use_block_editor и $post_type).