web-dev-qa-db-fra.com

Comment WP_Customize_Background_Image_Control est-il censé fonctionner?

J'essaie d'ajouter une deuxième fonction d'image d'arrière-plan à mon personnalisateur de thème avec ce code.

    // HTML Background Image
$wp_customize->add_setting(
    'html_background_image', 
    array(
        'capability'     => 'edit_theme_options',
));

$wp_customize->add_control( 
    new WP_Customize_Background_Image_Control(
        $wp_customize,
        'background_image', 
        array(
            'label'    => __('HTML Background Image', 'TEXTDOMAIN'),
            'section'  => 'background_image',
            'settings' => 'html_background_image',
)));

Mais ça ne marche pas. Est-ce que j'ai râté quelque chose?

theme-customizercustom-background
4
Daniel

Il existe très peu de documentation sur cette classe, mais voici ci-dessous l'exemple complet de WordPress core (voici github ). Notez que vous utiliseriez l'objet $wp_customize que vous obtenez en tant qu'argument pour votre rappel custom_register et non pas $this comme le fait la classe principale. J'ai fait une recherche et remplacer ci-dessous et cela fonctionne.

        /* CORE COPY PASTE */
        //https://github.com/WordPress/WordPress/blob/master/wp-includes/class-wp-customize-manager.php#L808

        /* Custom Background */

        $wp_customize->add_section( 'background_image', array(
            'title'          => __( 'Background Image' ),
            'theme_supports' => 'custom-background',
            'priority'       => 80,
        ) );

        $wp_customize->add_setting( 'background_image', array(
            'default'        => get_theme_support( 'custom-background', 'default-image' ),
            'theme_supports' => 'custom-background',
        ) );

        $wp_customize->add_setting( new WP_Customize_Background_Image_Setting( $wp_customize, 'background_image_thumb', array(
            'theme_supports' => 'custom-background',
        ) ) );

        $wp_customize->add_control( new WP_Customize_Background_Image_Control( $wp_customize ) );

        $wp_customize->add_setting( 'background_repeat', array(
            'default'        => 'repeat',
            'theme_supports' => 'custom-background',
        ) );

        $wp_customize->add_control( 'background_repeat', array(
            'label'      => __( 'Background Repeat' ),
            'section'    => 'background_image',
            'type'       => 'radio',
            'choices'    => array(
                'no-repeat'  => __('No Repeat'),
                'repeat'     => __('Tile'),
                'repeat-x'   => __('Tile Horizontally'),
                'repeat-y'   => __('Tile Vertically'),
            ),
        ) );

        $wp_customize->add_setting( 'background_position_x', array(
            'default'        => 'left',
            'theme_supports' => 'custom-background',
        ) );

        $wp_customize->add_control( 'background_position_x', array(
            'label'      => __( 'Background Position' ),
            'section'    => 'background_image',
            'type'       => 'radio',
            'choices'    => array(
                'left'       => __('Left'),
                'center'     => __('Center'),
                'right'      => __('Right'),
            ),
        ) );

        $wp_customize->add_setting( 'background_attachment', array(
            'default'        => 'fixed',
            'theme_supports' => 'custom-background',
        ) );

        $wp_customize->add_control( 'background_attachment', array(
            'label'      => __( 'Background Attachment' ),
            'section'    => 'background_image',
            'type'       => 'radio',
            'choices'    => array(
                'fixed'      => __('Fixed'),
                'scroll'     => __('Scroll'),
            ),
        ) );

Il semble que vous ne puissiez pas personnaliser le fichier, par exemple. section, et pour l'évidence, examinez ce code pour le troisième argument de WP_Customize_Image_Control

1
editor