web-dev-qa-db-fra.com

Créez une autre affaire à cocher "Afficher le titre et le slogan du site", le paramètre et le contrôle "Couleur du texte d'en-tête".

Lorsque vous activez Custom_Headers support pour votre thème avec le code suivant, une case à cocher "Afficher le titre et le slogan du site" dans la section Identité du site et un contrôle "Couleur du texte d'en-tête" dans la section Couleur apparaissent:

/**
 * Set up the WordPress core custom header feature.
 */
function theme_custom_header_setup() {
    add_theme_support( 'custom-header', array(
        // Default arguments
    ) );
}
add_action( 'after_setup_theme', 'theme_custom_header_setup' );

Ma question est la suivante: comment puis-je créer une autre case à cocher "Afficher le titre du site et le slogan", le paramètre "Couleur du texte d'en-tête" et le contrôle avec les mêmes fonctionnalités que celles répertoriées?

  1. Le contrôle de couleur désactivera/disparaîtra lorsque la case à cocher sera désélectionnée de manière asynchrone, ne sera pas actualisée et réapparaîtra lorsqu'elle sera cochée.
  2. Les contrôles n'ont qu'un seul paramètre car, lorsque la case à cocher est décochée, le paramètre "header_textcolor" devient alors "vide".

J'ai essayé de créer 1 réglage avec 2 contrôles mais cela ne semble pas fonctionner:

function theme_customize_register( $wp_customize ) {

    $wp_customize->add_setting( 'tagline_textcolor', array(
        'transport'   => 'postMessage',
    ) );
    $wp_customize->add_control( 'tagline_textcolor', array(
        'type'        => 'checkbox',
        'section'     => 'title_tagline',
        'label'       => __( 'Display Tagline Text', 'theme_name' ),
    ) );
    $wp_customize->add_control(
            new WP_Customize_Color_Control(
                    $wp_customize,
                    'tagline_textcolor',
                    array(
                        'label'           => __( 'Tagline Text Color', 'theme_name' ),
                        'section'         => 'title_tagline',
                        )
                    )
            );
}
add_action( 'customize_register', 'theme_customize_register' );

Pouvez-vous m'aider avec ceci ou me donner une bonne idée?

phpfunctionstheme-developmentcustomizationjquery
1
5ervant

Si les paramètres et les contrôles sont ajoutés exactement tels qu'ils apparaissent dans class-wp-customize-manager.php, le script JQuery dans wp-admin/custom-header.php bascule correctement le contrôle de couleur du texte d'en-tête. La ligne theme_supports doit être commentée ou supprimée car elle est "utilisée pour masquer un paramètre si le thème ne prend pas en charge une fonctionnalité spécifique".[ 1 ]

add_action( 'customize_register', function ( $wp_customize ) {

    $wp_customize->add_setting( 'header_textcolor', array(
        // 'theme_supports' => array( 'custom-header', 'header-text' ),
        'default'        => get_theme_support( 'custom-header', 'default-text-color' ),

        'sanitize_callback'    => array( $wp_customize, '_sanitize_header_textcolor' ),
        'sanitize_js_callback' => 'maybe_hash_hex_color',
    ) );

    $wp_customize->add_control( 'display_header_text', array(
        'settings' => 'header_textcolor',
        'label'    => __( 'Display Site Title and Tagline' ),
        'section'  => 'title_tagline',
        'type'     => 'checkbox',
        'priority' => 40,
    ) );

    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header_textcolor', array(
        'label'   => __( 'Header Text Color' ),
        'section' => 'colors',
    ) ) );
});
1
Spencer