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% без риска
Нет обязательств по найму
Бесплатная оценка
5900 ₽
Автомобильный каталог
Шаблон авто сайта на русском языке, преображающий онлайн-сервисы для автодилеров и профессионалов автобизнеса. Стильный и интуитивно понятный дизайн обеспечивает быстрый поиск автомобиля мечты

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

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

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

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

или

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

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

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

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

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