helgatheviking/kia-customizer-toggle-control

A Toggle Control for the WordPress Customizer.

1.0.1 2022-06-02 20:53 UTC

This package is auto-updated.

Last update: 2024-04-30 00:33:40 UTC


README

A toggle control for the WordPress Customizer

Animation. Three toggle inputs that are switched on and off.

Installation

Add the following to your composer.json file and run composer update

"repositories": [
{
    "type": "git",
    "url": "https://github.com/helgatheviking/kia-customizer-toggle-control.git"
}
],
"require": {
"helgatheviking/kia-customizer-toggle-control": "dev-main"
},
"extra": {
"installer-paths": {
    "includes/{$name}": [
        "helgatheviking/kia-customizer-toggle-control"
    ]
}

Adding the control

/**
 * Add range slider to Customizer.
 *
 * @param  obj     $wp_customize
 */
function kia_customizer( $wp_customize ) {
    // Include the class
    require_once dirname( __FILE__ ) . '/includes/kia-customizer-toggle-control/class-kia-customizer-toggle-control.php';

    // Register the control types that we're using as JavaScript controls.
	$wp_customize->register_control_type( 'KIA_Customizer_Toggle_Control' );

    $wp_customize->add_setting(
        'my_setting',
        array(
            'default'              => false,
            'type'                 => 'option',
            'capability'           => 'edit_themes',
            'transport'            => 'postMessage',
            'sanitize_callback'    => array( 'KIA_Customizer_Radio_Image_Control', 'sanitize' ),
            'sanitize_js_callback' => array( 'KIA_Customizer_Radio_Image_Control', 'sanitize' ),
        )
    );

    $wp_customize->add_control(
        new KIA_Customizer_Range_Control(
            $wp_customize,
            'my_control',
            array(
                'type'        => 'kia-range',
                'label'       => __( 'Turn on setting', 'your-textomain' ),
                'description' => __( 'An example toggle', 'your-textdomain' ),
                'section'  => 'my_section',
	            'settings' => 'my_setting',
            )
        )
    );

}
add_action( 'customize_register', 'kia_customizer' );

Credits

Huge props to Rich Tabor's Login Designer and Per Soderlind's Customizer Toggle Control