Как мне обработать обратный вызов “WP_Customize_Cropped_Image_Control”?

Я хочу создать менеджер логотипов в Кастомайзере, но как мне задать разные размеры изображений с помощью класса WP_Customize_Cropped_Image_Control?

Пример с Make WordPress Core:

$wp_customize->add_control( new WP_Customize_Cropped_Image_Control( $wp_customize, 'cropped_image', array(
    'section'     => 'background_image',
    'label'       => __( 'Изображение для обрезки' ),
    'flex_width'  => true, // Позволяет любую ширину, что делает указанное значение рекомендуемым. По умолчанию false.
    'flex_height' => false, // Требует, чтобы полученное изображение было точно такой же высоты, как указано в атрибуте высоты (по умолчанию).
    'width'       => 1920,
    'height'      => 1080,
) ) );

Я думаю, что вы добавляете поле настроек для каждого логотипа? Если нет, пожалуйста, уточните ваш вопрос.

Если да, то также добавьте часто вызов для управления обрезанными изображениями. Следующий пример добавляет секцию, поле для опции логотипа и возможность обрезки изображения.

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

    /* Добавляем секцию логотипа. */
    $wp_customize->add_section(
        'logo',
        array(
            'title'       => esc_html__( 'Логотип', 'textdomain' ),
            'description' => __( 'Управление списком пользователей', 'textdomain' ),
            'priority'    => 10,
            //'panel'       => 'fb_panel' // не входит в пример кода, 
        )
    );

    /* Добавляем настройку для нашего значения логотипа. */
    $wp_customize->add_setting(
        'site_logo',
        array(
            'default'           => '',
            'sanitize_callback' => 'absint'
        )
    );

    /* Добавляем наш загрузчик изображений. */
    $wp_customize->add_control(
        new WP_Customize_Cropped_Image_Control(
            $wp_customize,
                'site_logo',
                array(
                    'label'       => __( 'Логотип сайта', 'textdomain' ),
                    'section'     => 'logo',
                    'flex_width'  => true,
                    'flex_height' => true,
                    'width'       => 240,
                    'height'      => 80,
                )
        )
    );

}

Вот как мы это сделали – наша цель заключалась в создании круглого изображения профиля, поэтому мы заставляли изображение обрезаться квадратным образом при загрузке – вам нужно сделать что-то подобное для загрузки логотипа.

Размер, который вы определяете, будет определять размеры отображаемого конечного результата, поэтому в моем примере, если пользователь решит обрезать прямоугольник, результат все равно будет отображаться как квадрат, искажающий изображение. Чтобы избежать этого, вам следует иметь в виду, какой тип логотипа подойдет лучше всего для области, которую вы рассматриваете в теме, будь то логотип в виде значка, прямоугольный логотип, аморфный логотип и т. д., и оставить параметры flex на ‘false’ – последнее, чего хочет любой пользователь, это чтобы его логотип отображался неправильно.

В любом случае, надеюсь, вы находите это полезным!

$wp_customize->add_setting( 'theme_profile_picture', array(
    'transport' => 'refresh',
    'sanitize_callback' => 'theme_sanitize_profile_picture',
));

$wp_customize->add_section('theme_profile_picture_section', array(
    'title' => __('Изображение профиля', 'theme'),
    'priority' => 10,
));

$wp_customize->add_control( new WP_Customize_Cropped_Image_Control( $wp_customize, 'theme_profile_picture', array(
    'label'    => __( 'Загрузить изображение профиля', 'theme' ),
    'section' => 'title_tagline',
    'settings' => 'theme_profile_picture',
    'flex_width'  => false, // Позволяет любую ширину, делая указанное значение рекомендуемым. По умолчанию false.
    'flex_height' => false,
    'width'       => 250,
    'height'      => 250,
) ) );