Описание enqueue_block_editor_assets
— Action
Хук enqueue_block_editor_assets позволяет добавлять свои стили и скрипты в редактор блоков WordPress. Он срабатывает при загрузке редактора блоков, что позволяет расширять функциональность и изменять внешний вид интерфейса редактора
Примеры использования
Пример добавления собственного CSS файла в редактор блоков:
add_action('enqueue_block_editor_assets', function() {
wp_enqueue_style('my-custom-editor-style', get_template_directory_uri() . '/css/editor-style.css');
});
В этом примере мы добавляем кастомный CSS файл для стилизации редактора блоков
Пример добавления собственного JavaScript файла в редактор блоков:
add_action('enqueue_block_editor_assets', function() {
wp_enqueue_script('my-custom-editor-script', get_template_directory_uri() . '/js/editor-script.js', array('wp-blocks', 'wp-element'));
});
Здесь мы подключаем JavaScript файл, который может использовать функции библиотеки wp-blocks и wp-element
Пример добавления стилей и скриптов с условием:
add_action('enqueue_block_editor_assets', function() {
if (get_post_type() === 'my_custom_post_type') {
wp_enqueue_style('my-custom-editor-style', get_template_directory_uri() . '/css/editor-style.css');
wp_enqueue_script('my-custom-editor-script', get_template_directory_uri() . '/js/editor-script.js');
}
});
В этом примере мы добавляем ресурсы только для определенного типа записи
— Лучшие практики
– Использование
Используйте этот хук, когда необходимо добавить стили или скрипты, специфичные для редактора блоков
– Производительность
Избегайте загрузки тяжелых ресурсов, чтобы не замедлять работу редактора
– Предупреждения
Убедитесь, что ваш код не конфликтует с другими плагинами или темами
Альтернативы
Тип: action
Этот хук позволяет добавлять ресурсы как в редактор, так и на фронтенд для конкретного блока
Используйте его, если нужно добавить ресурсы, которые будут использоваться как в редакторе, так и на сайте
