README

一个通用的范围值控制，可用于替换范围控件。

演示

我已经将此控件添加到我的 自定义主题演示 中。

安装控件

将以下内容添加到您的 composer.json 文件中，然后运行 composer update

"require": {
	"soderlind/class-customizer-range-value-control": "dev-master"
},
"extra": {
	"installer-paths": {
		"inc/{$name}": [
			"soderlind/class-customizer-range-value-control"
		]
	}
}

如果您想将其安装到 vendor 文件夹中，使用

"require": {
	"soderlind/class-customizer-toggle-control": "dev-master"
},
"extra": {
	"installer-paths": {
		"vendor/soderlind/{$name}": [
			"soderlind/class-customizer-range-value-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-range-value-control/class-customizer-range-value-control.php';
}

添加控件

$wp_customize->add_control( new Customizer_Range_Value_Control( $wp_customize, 'my_control', array(
	'type'     => 'range-value',
	'section'  => 'my_section',
	'settings' => 'my_settings',
	'label'    => __( 'Width' ),
	'input_attrs' => array(
		'min'    => 1,
		'max'    => 240,
		'step'   => 1,
		'suffix' => 'px', //optional suffix
  	),
) ) );

致谢

CSS 和 JavaScript 版权 (c) 2016 属于 Sean Stopnik

您可以在 CodePen.io 的演示中看到它

CSS 和 JavaScript 根据 许可 在 MIT 许可协议 下授权

版权和许可证

WordPress 自定义范围值控件版权所有 2016 Per Soderlind

WordPress 自定义范围值控件是免费软件：您可以按照自由软件基金会发布的 GNU 通用公共许可证的条款重新分发和/或修改它，许可证版本为 2，或（根据您的选择）任何较新版本。

WordPress 自定义范围值控件在希望它有用的希望下分发，但没有任何保证；甚至没有关于其商誉或特定用途的暗示保证。有关详细信息，请参阅 GNU 通用公共许可证。

您应已收到与扩展一起提供的 GNU Lesser 通用公共许可证的副本。如果没有，请参阅 https://gnu.ac.cn/licenses/。