Intereting Posts

Предварительный просмотр Image-Picker Customizer не работает

Извините за мой английский… . Я пытаюсь реализовать Image Picker в Customizer, чтобы выбрать и отобразить css-background-image на front-page.php. Фундаментальный он работает так, как предполагалось в Frontend …. Но я не могу получить предварительный просмотр в запуске customizer. Измененное изображение отображается только после обновления F5 ….

Что я сделал: function.php

$wp_customize->add_setting('startGalleryImg1', array( 'default' => get_stylesheet_directory_uri() . '/images/assets/default.jpg', 'transport' => 'postMessage', 'sanitize_callback' => 'esc_url_raw', )); $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'startGalleryImg1', array( 'label' => __( '1st Start Gallery Img', 'theme_name' ), 'description' => __( 'Choose first Start Gallery Img', 'theme_name' ), 'section' => 'bloook_theme_section', 'settings' => 'startGalleryImg1', ) ) ) 

Мой шаблон:

 <a class="item item1" href="#"> <div class="item-bg" style="background-image: url('<?php echo get_theme_mod('startGalleryImg1') ?>')"> </div> <div class="item-content"> <h3>Demos</h3> <p>Web, Video, Musik</p> </div> 

мой customizer.js (который отлично работает для других полей (textarea …)

 (function ($) { wp.customize('startGalleryImg1', function (value) { value.bind(function (to) { $('.home .item1 .item-bg').css('background-image', 'url( '+ to +')'); }); }); })(jQuery); 

Интересно, есть ли там какой-то эксперт, который может помочь мне в этом …. Большое спасибо заранее и добрые пожелания