Как писать текст без перезагрузки wp customize postMessage?

Question

[Владислав]

Добрый день.
Пишу в textarea и он должен прописывать без перезагрузку, но так почему то не работает, приходится сохранять и обновлять.
Код такой

$wp_customize->add_setting( 'sky_topbar_content_textarea_one', array(
		'default'			=> esc_html__( 'Place your content here', 'sky' ),
		'transport'			=> 'postMessage',
	) );
			
	$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'sky_topbar_content_textarea_one', array(
		'label'			=> esc_html__( 'First Content Area', 'sky' ),
		'type'			=> 'textarea',
		'section'		=> 'sky_topbar_content',
		'settings'		=> 'sky_topbar_content_textarea_one',
		'priority'		=> 10,
	) ) );

<div id="top-bar-content-one" class="">
	<?php echo get_theme_mod( 'sky_topbar_content_textarea_one' ); ?>
</div><!-- top-bar-content-one -->

wp.customize( 'sky_topbar_content_textarea_one', function( value ) {
		value.bind( function( newval ) {
			$( '#top-bar-content-one' ).html( newval );
		});
	});

В чем ошибка?

Answer 1

[Денис Янчевский]

Добрый.

Попробуйте selective_refresh вместо написания отдельного js.

Comments

[Владислав]

Спасибо. Там показан пример, а как его подключать?
Как подключить add_setting и add_control к этому selective_refresh, как собрать все это в кучу?
Можете свой код готовый скинуть для примера?

[Денис Янчевский]

Vladddosss, код для примера:

add_action('customize_register', 'dco_customize_register');
 
function dco_customize_register($wp_customize) {
    //Добавляем новую вкладку в раздел Внешний вид -> Настроить админ-панели
    $wp_customize->add_section('footer', array(
        'title' => 'Подвал',
        'priority' => 1, //с помощью этого параметра можно регулировать положение вкладки в списке вкладок
    ));
 
    //Указываем имя настройки, которая будет содержать текст для подвала
    $setting_name = 'footer_text';
    //и добавляем ее
    $wp_customize->add_setting($setting_name, array(
        'default' => '', //с помощью этого параметра можно задать текст по умолчанию
        'sanitize_callback' => 'sanitize_textarea_field',
        'transport' => 'postMessage'
    ));
 
    //Добавляем область для ввода текста на созданную нами вкладку
    $wp_customize->add_control($setting_name, array(
        'section' => 'footer',
        'type' => 'textarea',
        'label' => 'Текст в подвале',
    ));
 
    //Добавляем поддержку предпросмотра изменений без полного обновления страницы
    $wp_customize->selective_refresh->add_partial($setting_name, array(
        'selector' => '.site-info', //должен содержать class или id элемента с текстом в подвале
        'render_callback' => function() use ($setting_name) {
            return nl2br(esc_html(get_theme_mod($setting_name)));
        }
    ));
}

Как-то делал небольшое руководство на эту тему, если пригодится.

[Владислав]

Денис Янчевский, Огромное спасибо

[Владислав]

Подскажите, как через selective_refresh сделать выбор цвета WP_Customize_Color_Control
В selector пишу id а оно вместо цвета по этому id выдаеть не background, а код цвета.