在WordPress中，WP_Customize_Manager 类用于管理主题定制器（Customizer）的界面和功能。要使用这个类来自定义主题定制器，你需要遵循以下步骤：

1. 添加钩子

首先，你需要在主题的 functions.php 文件中添加一个钩子，以便在自定义器加载时添加你的自定义设置和控制。

function mytheme_customize_register( $wp_customize ) {
    // 在这里添加你的自定义设置和控制
}
add_action( 'customize_register', 'mytheme_customize_register' );

2. 添加设置和控制

在 mytheme_customize_register 函数中，你可以添加设置和控制来允许用户自定义主题。

以下是一些常见的自定义设置和控制：

添加一个文本设置

$wp_customize->add_setting( 'mytheme_header_text', array(
    'default'   => 'Hello World',
    'transport' => 'refresh',
) );

$wp_customize->add_control( 'mytheme_header_text', array(
    'label'    => 'Header Text',
    'section'  => 'title_tagline', // 使用现有的部分
    'settings' => 'mytheme_header_text',
    'type'     => 'text',
) );

添加一个颜色选择器

$wp_customize->add_setting( 'mytheme_accent_color', array(
    'default'   => '#ff0000',
    'transport' => 'refresh',
) );

$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'mytheme_accent_color', array(
    'label'    => 'Accent Color',
    'section'  => 'colors', // 使用现有的颜色部分
    'settings' => 'mytheme_accent_color',
) ) );

添加一个图像上传控制

$wp_customize->add_setting( 'mytheme_header_image', array(
    'default'   => '',
    'transport' => 'refresh',
) );

$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'mytheme_header_image', array(
    'label'    => 'Header Image',
    'section'  => 'header_image', // 使用现有的头部图像部分
    'settings' => 'mytheme_header_image',
) ) );

3. 输出设置值

在你的主题模板文件中，你可以使用 get_theme_mod() 函数来输出自定义设置值。

echo get_theme_mod( 'mytheme_header_text', 'Default Text' );

4. 实时预览

如果你想要在自定义器中实现实时预览，你可以使用 wp_footer 钩子来添加一些JavaScript，这样用户在更改设置时可以立即看到效果。

function mytheme_customize_preview_js() {
    ?>
    <script type="text/javascript">
        (function($) {
            wp.customize('mytheme_header_text', function(value) {
                value.bind(function(newval) {
                    $('#header-text').text(newval);
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'mytheme_customize_preview_js');

确保你的HTML元素有一个ID，比如 header-text，这样JavaScript才能正确地找到并更新它。

以上步骤将帮助你使用 WP_Customize_Manager 类来自定义WordPress主题定制器。你可以根据自己的需求添加更多的设置和控制。