customize_preview_{$this->id}

16 февраля, 2025
Узнайте, как использовать хук customize_preview_{$this->id} для изменения параметров пользовательских настроек в режиме предварительного просмотра
Быстрая навигация по записи

Описание customize_preview_{$this->id}

— Action

Хук customize_preview_{$this->id} позволяет изменять или добавлять параметры в пользовательские настройки WordPress во время их предварительного просмотра. Он срабатывает, когда пользователь взаимодействует с настройками в кастомайзере и обновляет предварительный просмотр

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

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

				
					add_action('customize_preview_{$this->id}', function($wp_customize) {
   $wp_customize->get_setting('custom_css')->set_value('body { background-color: #f00; }');
});
				
			

В этом примере мы добавляем пользовательский CSS, который изменяет цвет фона на красный

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

				
					add_action('customize_preview_{$this->id}', function($wp_customize) {
   $wp_customize->get_setting('blogname')->set_value('Новый заголовок');
});
				
			

Здесь мы изменяем заголовок сайта на ‘Новый заголовок’ во время предварительного просмотра

Пример изменения настройки цвета фона:

				
					add_action('customize_preview_{$this->id}', function($wp_customize) {
   $wp_customize->get_setting('background_color')->set_value('0000ff');
});
				
			

В этом примере мы изменяем цвет фона на синий в режиме предварительного просмотра

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

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

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

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

Хук не должен значительно влиять на производительность, так как изменения касаются только предварительного просмотра

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

Убедитесь, что изменения не конфликтуют с другими настройками или скриптами на странице

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

Тип: action

Этот хук срабатывает при сохранении настроек кастомайзера

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

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

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

Упрощаем сложное, создаем впечатляющее!
100% без риска
Нет обязательств по найму
Бесплатная оценка
5900 ₽
Мега меню
Премиальный шаблон для создания сайта компании или интернет магазина с высокой конверсией на базе WordPress и WooCommerce, раскрывающий всю мощь плагина Elementor, как лучшего визуального редактора!

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

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

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

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

или

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

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

* Отправляя данные, вы соглашаетесь с политикой конфиденциальности.

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

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

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