soederlind / class-customizer-toggle-control
WordPress 自定义控制切换控件是一种通用的切换控件,您可以使用它来替换复选框控件。
dev-master
2019-08-20 10:40 UTC
Requires
- php: >=5.6
- composer/installers: ~1.0
Requires (Dev)
This package is auto-updated.
Last update: 2024-09-20 21:58:46 UTC
README
一种通用的切换控件,您可以使用它来替换复选框控件。
演示
我已经将此控件添加到我的 自定义控制演示主题。
安装控件
将以下内容添加到您的 composer.json 文件中,并运行 composer update
"require": { "soderlind/class-customizer-toggle-control": "dev-master" }, "extra": { "installer-paths": { "inc/{$name}": [ "soderlind/class-customizer-toggle-control" ] } }
如果您想安装到 vendor
文件夹中,使用
"require": { "soderlind/class-customizer-toggle-control": "dev-master" }, "extra": { "installer-paths": { "vendor/soderlind/{$name}": [ "soderlind/class-customizer-toggle-control" ] } }
或者,将仓库克隆到 inc
包含类
/** * Check for WP_Customizer_Control existence before adding custom control because WP_Customize_Control * is loaded on customizer page only * * @see _wp_customize_include() */ if ( class_exists( 'WP_Customize_Control' ) ) { require_once dirname( __FILE__ ) . '/inc/class-customizer-toggle-control/class-customizer-toggle-control.php'; }
添加控件
$wp_customize->add_control( new Customizer_Toggle_Control( $wp_customize, 'my_control', array( 'label' => esc_html__( 'Toggle me on or off', 'my-lang' ), 'section' => 'my_section', 'settings' => 'my_setting', 'type' => 'ios',// light, ios, flat ) ) );
有三种不同类型可供选择
切换控件标题
如果您想更改切换禁用/启用时的标题颜色,必须更新 js/customizer-toggle-control.js 文件。
致谢
CSS 版权所有 (c) 2016 Mauricio Allende
您可以在 CodePen.io 上看到他的演示
版权和许可证
WordPress 自定义控制切换控件版权所有 2016 Per Soderlind
WordPress 自定义控制切换控件是免费软件:您可以在自由软件基金会发布的 GNU 通用公共许可证的条款下重新分发和/或修改它,许可证版本为 2,或(根据您的选择)任何较新版本。
WordPress 自定义控制切换控件是在希望它会有用的前提下分发的,但没有任何保证;甚至没有关于其适销性或特定用途适用性的暗示保证。有关详细信息,请参阅 GNU 通用公共许可证。
您应该已随扩展程序一起收到 GNU 通用公共许可证的副本。如果没有,请参阅 https://gnu.ac.cn/licenses/。