enqueue_block_assets

15 февраля, 2025
Узнайте, как использовать хук enqueue_block_assets для подключения стилей и скриптов к блокам в Gutenberg
Быстрая навигация по записи

Описание enqueue_block_assets

— Action

Хук enqueue_block_assets позволяет подключать стили и скрипты для блоков редактора Gutenberg. Он срабатывает при загрузке страницы редактирования поста или страницы, когда в редакторе присутствуют блоки, и позволяет добавлять необходимые ресурсы для кастомных блоков

Примеры использования

Пример подключения CSS-файла для кастомного блока:

				
					add_action('enqueue_block_assets', function() {
   wp_enqueue_style('my-custom-block-style', get_template_directory_uri() . '/css/custom-block.css');
});
				
			

В этом примере мы загружаем стили для кастомного блока из папки темы

Пример подключения JS-файла для кастомного блока:

				
					add_action('enqueue_block_assets', function() {
   wp_enqueue_script('my-custom-block-script', get_template_directory_uri() . '/js/custom-block.js', array('wp-blocks', 'wp-element'), true);
});
				
			

Здесь мы загружаем скрипт для кастомного блока с зависимостями от wp-blocks и wp-element

Пример подключения стилей только для определенного блока:

				
					add_action('enqueue_block_assets', function() {
   if (has_block('my-plugin/my-custom-block')) {
       wp_enqueue_style('my-custom-block-style', get_template_directory_uri() . '/css/custom-block.css');
   }
});
				
			

Мы проверяем, используется ли определенный блок, и только тогда подключаем стили

— Лучшие практики

– Использование

Используйте этот хук для подключения стилей и скриптов, нужных для кастомных блоков в редакторе Gutenberg

– Производительность

Избегайте подключения слишком большого количества стилей и скриптов, чтобы не замедлять загрузку редактора

– Предупреждения

Осторожно с зависимостями, убедитесь, что все необходимые библиотеки загружаются корректно

Альтернативы

Тип: action

Этот хук позволяет подключать ресурсы только для блоков в редакторе, а не на фронтэнде

Используйте его, если вам нужны скрипты или стили только в редакторе, а не на сайте

Оставить комментарий

Нужна помощь с WordPress WooCommerce плагинами темой оптимизацией ?

Упрощаем сложное, создаем впечатляющее!
100% без риска
Нет обязательств по найму
Бесплатная оценка
1900 ₽
6 разных демо
Cоздать сайт для блога на WordPress. Идеально подходит для сайта новостей блогов и журналов, обеспечивая комфортное и приятное взаимодействие , полностью на русском языке

Поможем вывести Ваш бизнес на новый уровень!

Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил

Добро пожаловать!

Авторизуйтесь, чтобы продолжить

или

Забыли пароль? Восстановить

* Если аккунта у Вас еще нет, то он будет создан автоматически

Давайте составим техническое задание!
100% без риска
Нет обязательств по найму
Бесплатная оценка стоимости
Здравствуйте! Я асистент на основе искусственного интеллекта. Вы можете общаться со мной, как с человеком — задавайте вопросы, описывайте свои идеи и требования.

С удовольствием помогу вам составить техническое задание для вашего WordPress проекта. Если Вам нужна техническая поддержка по купленному у нас плагину или шаблону, то создайте тикет в личном кабинете.

Выберите подходящий вариант или опишите свою задачу в свободной форме, и я помогу вам составить четкий план действий, для оценки стоимости нашими разработчиками! 😊