Add button to Customizer

我试图在主题定制器中添加一个按钮，但无法使其工作。到目前为止，我创建了一个面板，然后它显示了一个部分按钮，但理想情况下，我希望在最后一个面板“附加CSS”的底部有一个普通的蓝色WordPress样式按钮。非常感谢您的帮助。

function prefix_customizer_register( $wp_customize ) {

    $wp_customize->add_panel( \'panel_id\', array(
        \'priority\' => 300,
        \'capability\' => \'edit_theme_options\',
        \'theme_supports\' => \'\',
        \'title\' => __( \'Next Step\', \'textdomain\' ),
        \'description\' => __( \'This is the next step.\', \'textdomain\' ),
    ) );

    $wp_customize->add_section( \'section_id\', array(
        \'priority\' => 10,
        \'capability\' => \'edit_theme_options\',
        \'theme_supports\' => \'\',
        \'title\' => __( \'Edit Pages\', \'textdomain\' ),
        \'description\' => \'\',
        \'panel\' => \'panel_id\',
    ) );

    $wp_customize->add_setting( \'url_field_id\', array(
        \'default\' => \'\',
        \'type\' => \'theme_mod\',
        \'capability\' => \'edit_theme_options\',
        \'transport\' => \'\',
        \'sanitize_callback\' => \'esc_url\',
    ) );

    $wp_customize->add_control( \'button_id\', array(
        \'type\' => \'button\',
        \'priority\' => 10,
        \'section\' => \'section_id\',
        \'label\' => __( \'Edit Pages\', \'textdomain\' ),
        \'description\' => \'\',
    ) );

}
add_action( \'customize_register\', \'prefix_customizer_register\' );

$wp_customize->add_control( \'button_id\', array( \'type\' => \'button\', \'settings\' => array(), // \'priority\' => 10, \'section\' => \'section_id\', \'input_attrs\' => array( \'value\' => __( \'Edit Pages\', \'textdomain\' ), // \'class\' => \'button button-primary\', // ), ) );

var control = new wp.customize.Control( \'button_id\', { type: \'button\', settings: [], section: \'section_id\', inputAttrs: { value: \'Edit Pages\', \'class\': \'button button-primary\' } } ); wp.customize.control.add( control ); control.container.find( \'.button\' ).on( \'click\', function() { console.info( \'Button was clicked\' ); } );

相关推荐