admin_enqueue_scripts

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

Описание admin_enqueue_scripts

— Action

Хук admin_enqueue_scripts позволяет подключать стили и JavaScript файлы в административной панели WordPress. Он срабатывает на страницах админки, что дает возможность разработчикам добавлять собственные скрипты и стили для улучшения функциональности и интерфейса админ-панели

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

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

				
					add_action('admin_enqueue_scripts', function($hook_suffix) {
   if ($hook_suffix == 'settings_page_my_plugin') {
       wp_enqueue_style('my_plugin_admin_style', plugin_dir_url(__FILE__) . 'css/admin-style.css');
   }
});
				
			

Этот код подключает CSS файл только на странице настроек плагина

Пример подключения JavaScript файла на всех страницах админки:

				
					add_action('admin_enqueue_scripts', function() {
   wp_enqueue_script('my_admin_script', plugin_dir_url(__FILE__) . 'js/admin-script.js', array('jquery'), '1.0', true);
});
				
			

Этот код подключает JavaScript файл на всех страницах админ-панели, с зависимостью от jQuery

Пример использования стилей и скриптов только на определенной странице:

				
					add_action('admin_enqueue_scripts', function($hook_suffix) {
   if ($hook_suffix == 'post.php' || $hook_suffix == 'post-new.php') {
       wp_enqueue_style('my_post_style', plugin_dir_url(__FILE__) . 'css/post-style.css');
       wp_enqueue_script('my_post_script', plugin_dir_url(__FILE__) . 'js/post-script.js', array('jquery'), '1.0', true);
   }
});
				
			

В этом примере мы подключаем стили и скрипты только на страницах редактирования и добавления постов

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

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

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

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

Убедитесь, что вы подключаете скрипты и стили только на нужных страницах, чтобы избежать лишней нагрузки

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

Следите за правильными зависимостями при подключении скриптов, чтобы избежать ошибок в консоли

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

Тип: action

Этот хук срабатывает раньше, чем admin_enqueue_scripts, и может быть использован для инициализации настроек или выполнения действий перед загрузкой скриптов и стилей

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

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

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

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

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

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

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

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

или

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

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

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

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

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