PHPackages                             soderlind/class-customizer-range-value-control - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. soderlind/class-customizer-range-value-control

ActiveWordpress-dropin[Utility & Helpers](/categories/utility)

soderlind/class-customizer-range-value-control
==============================================

WordPress Customizer Range Value Control is a generic range with value control you can use to replace the default range control.

2324913CSS

Since May 24Pushed 7y ago3 watchersCompare

[ Source](https://github.com/soderlind/class-customizer-range-value-control)[ Packagist](https://packagist.org/packages/soderlind/class-customizer-range-value-control)[ RSS](/packages/soderlind-class-customizer-range-value-control/feed)WikiDiscussions master Synced 2d ago

READMEChangelogDependenciesVersions (1)Used By (0)

WordPress Customizer Range Value Control
========================================

[](#wordpress-customizer-range-value-control)

A generic range with value control you can use to replace the range control.

[![](assets/customizer-range-value-suffix.png)](assets/customizer-range-value-suffix.png)

Demo
----

[](#demo)

I've added this control to my [customizer demo theme](https://github.com/soderlind/2016-customizer-demo).

Installing the control
----------------------

[](#installing-the-control)

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

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

If you want to install into the `vendor` folder, use

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

or, clone the repo into `inc`

Include the class
-----------------

[](#include-the-class)

```
/**
 * 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';
}
```

Adding the control
------------------

[](#adding-the-control)

```
$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
  	),
) ) );
```

Credits
-------

[](#credits)

The CSS and JavaScript is copyright (c) 2016 by Sean Stopnik

You can see his [demo at CodePen.io](http://codepen.io/thelifemgmt/pen/CeLqA)

The CSS and JavaScript is [licensed](https://blog.codepen.io/legal/licensing/) under the terms of the [MIT license](http://opensource.org/licenses/MIT)

Copyright and License
---------------------

[](#copyright-and-license)

WordPress Customizer Range Value Control is copyright 2016 Per Soderlind

WordPress Customizer Range Value Control is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or (at your option) any later version.

WordPress Customizer Range Value Control is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU Lesser General Public License along with the Extension. If not, see .

###  Health Score

25

—

LowBetter than 35% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity24

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity37

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1649452?v=4)[Per Søderlind](/maintainers/soderlind)[@soderlind](https://github.com/soderlind)

---

Top Contributors

[![soderlind](https://avatars.githubusercontent.com/u/1649452?v=4)](https://github.com/soderlind "soderlind (15 commits)")

---

Tags

wordpress-customizer-control

### Embed Badge

![Health badge](/badges/soderlind-class-customizer-range-value-control/health.svg)

```
[![Health](https://phpackages.com/badges/soderlind-class-customizer-range-value-control/health.svg)](https://phpackages.com/packages/soderlind-class-customizer-range-value-control)
```

###  Alternatives

[pedrotroller/php-cs-custom-fixer

PHP-CS-FIXER : my custom fixers

811.1M63](/packages/pedrotroller-php-cs-custom-fixer)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)