Функция is_customize_preview() в WordPress проверяет, находится ли пользователь в режиме предварительного просмотра кастомизации темы. Это полезно для добавления специфического кода или стилей, которые должны применяться только во время настройки темы через «Настроить» в админке.
is_customize_preview();Функция не принимает параметров и возвращает true, если пользователь находится в режиме предварительного просмотра кастомизации.
Примеры:
1. Добавление кастомных стилей только в режиме предварительного просмотра
Если вы хотите добавить дополнительные стили, которые будут видны только в режиме кастомизации, используйте следующий код:
function genius_customize_preview_styles() {
if (is_customize_preview()) {
echo '<style>
.customize-preview-message {
background: #f0f0f0;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
</style>';
}
}
add_action('wp_head', 'genius_customize_preview_styles');
Этот код добавляет специальный CSS-стиль только при просмотре темы в режиме кастомизации.
2. Показ сообщений или уведомлений в режиме кастомизации
Вы можете использовать is_customize_preview() для вывода уведомлений или инструкций только в режиме предварительного просмотра:
function genius_customize_preview_notification() {
if (is_customize_preview()) {
echo '<div class="customize-notification">
<p>Вы находитесь в режиме предварительного просмотра. Ваши изменения не будут видны на сайте до публикации.</p>
</div>';
}
}
add_action('wp_footer', 'genius_customize_preview_notification');
Этот код отображает сообщение в нижней части страницы при просмотре темы в режиме кастомизации.
3. Добавление JavaScript-кода только в режиме кастомизации
Вы можете также добавлять JavaScript-код, который должен работать только в режиме предварительного просмотра кастомизации:
function genius_customize_preview_scripts() {
if (is_customize_preview()) {
?>
<script type="text/javascript">
(function($) {
wp.customize('blogname', function(value) {
value.bind(function(newVal) {
$('.site-title').text(newVal);
});
});
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'genius_customize_preview_scripts');
Этот пример JavaScript-кода обновляет текст заголовка сайта в режиме кастомизации при изменении настройки blogname.
Заключение
Функция is_customize_preview() предоставляет возможность добавлять специфический контент, стили и скрипты, которые видны только в режиме предварительного просмотра кастомизации темы в WordPress. Это позволяет улучшить интерфейс и функциональность кастомизации, не влияя на внешний вид и работу сайта для обычных пользователей.