web-dev-qa-db-fra.com

La prévisualisation en direct du customizer ne fonctionne pas, n'est pas modifiée mais ne change pas

Voici mon code:

// Hooked to "after_setup_theme"
if(get_theme_mod('enable_vertical_header')) {
    // init vertical header, register scripts, style, settings and output html in template
    $vertical_header = new Vertical_Header;
}

J'ai créé une option "enable_vertical_header" (valeur par défaut 0) dans le Customizer pour activer/désactiver l'en-tête vertical. Lorsque je bascule l'option, la zone d'aperçu en direct est actualisée, mais rien ne change.

En faisant écho à la valeur de "enable_vertical_header", je la vois toujours null, ce qui a du sens si elle est frontale. Mais dans le Customizer, get_theme_mod ne devrait-il pas renvoyer la valeur en temps réel?

Mise à jour: le code de contrôle

function my_custom_text_settings( $wp_customize ) {
    $wp_customize->add_section( 'my_section' , array(
        'title'      => __('My Section','mytheme'),
        'priority'   => 30,
    ) );

    // Register the settings
    $wp_customize->add_setting( 'enable_vertical_header', array(
        'default'        => 0,
        'type'           => 'theme_mod',
        'capability'     => 'edit_theme_options',
    ) );
    // Add the controls
    $wp_customize->add_control( 'enable_vertical_header', array(
        'label'       => __( 'My custom control', 'translation_domain' ),
        'section'     => 'my_section',
        'settings'    => 'enable_vertical_header',
        'type'        => 'checkbox',
        'priority'    => 10
    ) );

}
add_action( 'customize_register', 'my_custom_text_settings' );
theme-customizerget-theme-mod
1
Edward

Eh bien, par quelques expériences, j'ai trouvé la réponse.

get_theme_mod ne vous obtiendra pas la valeur en temps réel lorsqu'il sera appelé dans 'after_setup_theme' ou 'init', cela fonctionne dans 'personnaliser_preview_init' et 'wp_loaded', donc le code de travail:

add_action('customize_preview_init', 'my_header' );
function my_header() {
        if(get_theme_mod('enable_vertical_header')) {
            $vertical_header = new Vertical_Header;
        }   
}
2
Edward