web-dev-qa-db-fra.com

Customizer WordPress: charge des contrôles dans un div personnalisé

J'ai un div personnalisé (titulaire pour les paramètres supplémentaires) dont j'ai besoin pour charger des contrôles spécifiques à partir d'une section spécifique. Je peux obtenir les contrôles en JavaScript mais je ne peux pas générer le code HTML nécessaire comme WordPress le fait en sections.

wp.customize.section( 'custom_div_1' ).controls();

Il donne un tableau de contrôles mais comment générer le code HTML commeTitre du siteouTaglinecontrôles dans la section WordPress par défaut.

Cette div personnalisée changera avec le bouton gaucheOpen extra settings.

Capture d'écran pour faciliter la compréhension:  screenshot 

Toute aide est appréciée.

phpjavascripttheme-customizersettings
3
user3631047

Mettez les codes ci-dessous dans votre functions.php

function sorcey_customize_register($wp_customize){

$wp_customize->add_section('sorcey_footer', array(
  'title'    => __('New Section', 'text_domain'),
  'description' => '',
  'priority' => 120,
));


/*  =============================
      Text input
===============================*/
$wp_customize->add_setting("sr_copyright", array(
        "default"       => "",
        'capability'  => 'edit_theme_options',
        "transport" => "postMessage",
    ));
    $wp_customize->add_control(new WP_Customize_Control($wp_customize, "sr_copyright_ctrl",
        array(
            "label" => __("Title", "text_domain"),
            "section" => "sorcey_footer",
            "settings" => "sr_copyright",
            "type" => "text",

        )
    ));

}

add_action('customize_register', 'sorcey_customize_register');

Ensuite, il y aura une 'nouvelle section'

1
Mamunur Rashid

Utilisez la fonction ci-dessous pour ajouter un champ personnalisé dans la personnalisation de la configuration,

function custom_register_theme_customizer( $wp_customize ) {

$wp_customize->add_section( 'custom_new_section_featured' , array(
        'title'      => 'Featured & content',
        'description'=> '',
        'priority'   => 94,
    ) );


$wp_customize->add_setting(
            'custom_featured_sliderhd', 'sanitize_callback' == 'esc_url_raw' ,
            array(
                'default'     => false
            )
        );


$wp_customize->add_control(
            new WP_Customize_Control(
                $wp_customize,
                'featured_sliderhd',
                array(
                    'label'      => 'Disable Featured  POSTS',
                    'section'    => 'custom_new_section_featured',
                    'settings'   => 'custom_featured_sliderhd',
                    'type'       => 'checkbox',
                    'priority'   => 1
                )
            )
        );



}
add_action( 'customize_register', 'custom_register_theme_customizer' );

Par exemple, j'ai utilisé la case à cocher, vous pouvez mettre à jour ce que vous voulez.

1
Gnanasekaran