Описание customize_controls_head
— Action
Хук customize_controls_head позволяет добавлять кастомные стили и скрипты в заголовок панели настройки WordPress. Он срабатывает при загрузке страницы настройки кастомизатора и позволяет расширять функциональность пользовательского интерфейса.
Примеры использования
Пример добавления кастомного CSS в панель настройки:
add_action('customize_controls_head', function() {
echo '<style>.custom-class { color: red; }</style>';
});
В этом примере мы добавляем кастомный стиль, который меняет цвет текста для элементов с классом ‘custom-class’.
Пример подключения кастомного JavaScript в панель настройки:
add_action('customize_controls_head', function() {
echo '<script type="litespeed/javascript">console.log("Custom script loaded")</script>';
});
Здесь мы добавляем кастомный JavaScript, который выводит сообщение в консоль при загрузке панели настроек.
Пример загрузки внешнего CSS файла в панель настройки:
add_action('customize_controls_head', function() {
echo '<link rel="stylesheet" type="text/css" href="'.get_stylesheet_directory_uri().'/custom-style.css">';
});
Этот пример загружает внешний CSS файл, который находится в директории текущей темы.
— Лучшие практики
– Использование
Используйте этот хук, когда необходимо добавить кастомные стили или скрипты в панель настройки, чтобы улучшить пользовательский интерфейс.
– Производительность
Избегайте избыточной загрузки скриптов и стилей, так как это может негативно сказаться на производительности панели настроек.
– Предупреждения
Не забудьте проверять наличие зависимостей для ваших скриптов и стилей, чтобы избежать ошибок при их загрузке.
Альтернативы
Тип: action
Этот хук позволяет добавлять кастомные стили и скрипты в предварительный просмотр кастомизатора.
Используйте его, если нужно добавить функционал, который будет доступен в режиме предварительного просмотра, а не только в панели настроек.
