Использование функции is_customize_preview() в WordPress

Функция 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. Это позволяет улучшить интерфейс и функциональность кастомизации, не влияя на внешний вид и работу сайта для обычных пользователей.