soederlind/class-customizer-toggle-control

WordPress 自定义控制切换控件是一种通用的切换控件,您可以使用它来替换复选框控件。

资助包维护!
Ko Fi

安装: 429

依赖关系: 0

建议者: 0

安全: 0

星标: 35

关注者: 10

分支: 15

开放问题: 1

语言:CSS

类型:wordpress-dropin

dev-master 2019-08-20 10:40 UTC

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 上看到他的演示

CSS 在 许可 下授权,受 MIT 许可证 的条款约束

版权和许可证

WordPress 自定义控制切换控件版权所有 2016 Per Soderlind

WordPress 自定义控制切换控件是免费软件:您可以在自由软件基金会发布的 GNU 通用公共许可证的条款下重新分发和/或修改它,许可证版本为 2,或(根据您的选择)任何较新版本。

WordPress 自定义控制切换控件是在希望它会有用的前提下分发的,但没有任何保证;甚至没有关于其适销性或特定用途适用性的暗示保证。有关详细信息,请参阅 GNU 通用公共许可证。

您应该已随扩展程序一起收到 GNU 通用公共许可证的副本。如果没有,请参阅 https://gnu.ac.cn/licenses/