knitkode

kuus

<a href="https://wordpress.org/plugins/customize-plus" rel="ugc"></a> 
<a href="https://github.com/knitkode/customize-plus/releases/latest" rel="nofollow ugc"></a> 
<a href="https://www.codacy.com/app/knitkode/customize-plus?utm_source=customize-plus&utm_medium=github&utm_content=badge_codacy&utm_campaign=readme" rel="nofollow ugc"></a>
Customize Plus brings powerful custom controls fully integrated in the WordPress Customize. The code, the admin UI and the API totally looks like WordPress, as it should be. Customize Plus extends the WordPress API to create all the controls you need leveraging the JavaScript API. All the <code>theme_mods</code> or <code>options</code> managed by Customize Plus controls are automatically validated and sanitized. You do not even need to define the fallback value when retrieving them. End users will also benefit from this plugin, for instance they will be able to separately reset the control values of each control to the initial session or factory value. This and many other features are extended in <a href="https://knitkode.com/products/customize-plus-premium/" rel="nofollow ugc">Customize Plus Premium</a> enriching the Customize experience not only for developers but also for users. Developers will also find useful the plugin <a href="https://knitkode.com/products/customize-plus-builder/" rel="nofollow ugc">Customize Plus Builder</a> to further improve their development experience.
<h4>Links</h4>
<ul>
<li><a href="https://knitkode.com/products/customize-plus" rel="nofollow ugc">Project page</a></li>
<li><a href="https://knitkode.com/docs/customize-plus" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://github.com/knitkode/customize-plus/tree/develop" rel="nofollow ugc">Development</a> and <a href="https://github.com/knitkode/customize-plus/issues" rel="nofollow ugc">issues</a> on <a href="https://github.com/knitkode/customize-plus" rel="nofollow ugc">github</a></li>
<li><a href="https://github.com/knitkode/customize-plus-demo" rel="nofollow ugc">Demo</a></li>
</ul>
<h4>What does this plugin do?</h4>
Improve the WordPress Customize experience both for theme developers and their users. Note that themes’ end users will not have any benefit without a theme that actively implements Customize Plus.
<h4>Who is this Plugin ideal for?</h4>
Anyone interested in using the WordPress Customize interface. Especially theme developers who want to build rich Customize experiences for their users.
<h4>Can I see a quick demo?</h4>
Yes, try out the always up to date <a href="https://github.com/knitkode/customize-plus-demo" rel="nofollow ugc">official demo theme</a>.
<h4>Features</h4>
<ul>
<li>State of the art automatic sanitization and validation (both server and frontend side)</li>
<li>Controls can be reset individually</li>
<li>Automatic default value when retrieving settings via <code>get_theme_mod</code> or <code>get_option</code></li>
<li>Controls are lightweight and responsive</li>
<li>Controls are rendered on demand (experimental opt-in)</li>
<li>Markdown supported in control’s titles and descriptions</li>
<li>Optional help text in tooltips (on each input choice for choice based controls)</li>
<li>UI seamlessy fits into WordPress</li>
<li>Code is clean and extendable via <code>kkcp</code> API</li>
<li>Custom controls implemented
<ol>
<li>text / email / url / tel / password</li>
<li>textarea / wp_editor</li>
<li>number</li>
<li>toggle / switch / checkbox</li>
<li>radio / radio image / buttonset</li>
<li>multicheck / sortable multicheck</li>
<li>slider</li>
<li>color / alpha / palette / transparent</li>
<li>font family / font weight</li>
<li>select / dropdown / multiselect / sortable multiselect</li>
<li>sortable</li>
<li>tags / sortable tags</li>
<li>icons / dashicons</li>
<li>content / markdown / alert</li>
<li>**WordPress native controls***</li>
<li>dynamic color (Premium)</li>
<li>dynamic size (Premium)</li>
<li>datepicker (Premium)</li>
<li>knob (Premium)</li>
</ol>
</li>
<li>COMING SOON: take a look at the <a href="https://knitkode.com/roadmap#customize-plus?utm_source=customize-plus&utm_medium=wordpress_org&utm_content=coming_soon&utm_campaign=readme" rel="nofollow ugc">roadmap here</a></li>
</ul>
<h3>Credits</h3>
Unless otherwise specified, all the plugin files are licensed under GNU General Public License version 3, see file license.txt. The exceptions to this license are as follows*:
<ul>
<li><a href="https://github.com/Modernizr/Modernizr/" rel="nofollow ugc">Modernizr</a> by Faruk Ates, Paul Irish, Alex Sexton, Ryan Seddon, Patrick Kettner, Stu Cox, Richard Herrera is licensed under the <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/eligrey/classList.js/" rel="nofollow ugc">classList.js</a> by <a href="https://eligrey.com/" rel="nofollow ugc">Eli Grey</a> is <a href="https://github.com/eligrey/classList.js/blob/master/LICENSE.md" rel="nofollow ugc">dedicated to the public domain</a></li>
<li><a href="https://github.com/ghinda/css-toggle-switch" rel="nofollow ugc">css-toggle-switch</a> by <a href="https://ghinda.net/" rel="nofollow ugc">Ionuț Colceriu</a> is licensed under the <a href="https://github.com/ghinda/css-toggle-switch/blob/master/LICENSE" rel="nofollow ugc">MIT license</a></li>
<li><a href="https://github.com/simeydotme/jQuery-ui-Slider-Pips" rel="nofollow ugc">jQuery-ui-Slider-Pips</a> by <a href="http://simey.me" rel="nofollow ugc">Simon Goellner</a> is licensed under the <a href="http://opensource.org/licenses/MIT" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/kvz/locutus" rel="nofollow ugc">locutus</a> by <a href="http://kvz.io" rel="nofollow ugc">Kevin van Zonneveld</a> and <a href="http://locutus.io/authors" rel="nofollow ugc">Contributors</a> is license under the <a href="https://github.com/kvz/locutus/blob/master/LICENSE" rel="nofollow ugc">MIT license</a></li>
<li><a href="https://github.com/chjj/marked" rel="nofollow ugc">marked.js</a> by <a href="https://github.com/chjj/" rel="nofollow ugc">Christopher Jeffrey</a> is licensed under the <a href="https://github.com/chjj/marked/blob/master/LICENSE" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/selectize/selectize.js/" rel="nofollow ugc">selectize.js</a> by <a href="http://thirdroute.com/" rel="nofollow ugc">Brian Reavis</a> is licensed under <a href="https://github.com/selectize/selectize.js/blob/master/LICENSE" rel="nofollow ugc">Apache v2.0</a></li>
<li><a href="https://github.com/bgrins/spectrum/" rel="nofollow ugc">spectrum</a> by <a href="http://briangrinstead.com" rel="nofollow ugc">Brian Grinstead</a> is licensed under the <a href="https://github.com/bgrins/spectrum/blob/master/LICENSE" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/chriso/validator.js" rel="nofollow ugc">validator.js</a> by <a href="https://github.com/chriso" rel="nofollow ugc">Chris O’Hara</a> is licensed under the <a href="https://github.com/chriso/validator.js/blob/master/LICENSE" rel="nofollow ugc">MIT License</a></li>
</ul>
*All plugins included in Customize Plus adopt a GPL-compatible license as required by the WordPress.org <a href="https://developer.wordpress.org/plugins/wordpress-org/detailed-plugin-guidelines/#the-guidelines" rel="nofollow ugc">plugins guidelines</a>

Customize Plus

Enhance and extend the WordPress Customize in your themes.

Ari Stathopoulos

Themeum

David Vongries

DannyCooper

Ignacio Cruz Moreno

wplemon

<a href="https://www.themeum.com/kirki/" rel="nofollow ugc">Kirki</a> is a customizer toolkit for WordPress. An open-source initiative by <a href="https://www.themeum.com/" rel="nofollow ugc">Themeum</a> for WordPress theme developers.
Kirki allows you to build themes quicker & more easily. With over 30 custom controls ranging from simple sliders to complex typography controls with Google Fonts integration and features like automatic CSS & postMessage script generation, Kirki makes theme development a breeze.
<h3>Features ✅</h3>
<ul>
<li>Increased Performance</li>
<li>Simplified API</li>
<li>Automatic CSS Generation</li>
<li>Automatic postMessage Generation</li>
<li>Partial Refresh</li>
<li>Conditional Logic</li>
<li>GDPR Compliance</li>
<li>Improved Page Speed</li>
<li>And more!</li>
</ul>
<h3>Controls 🎛️</h3>
<ul>
<li><a href="https://docs.themeum.com/kirki/controls/background/" rel="nofollow ugc">Background Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/code/" rel="nofollow ugc">Code Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/checkbox/" rel="nofollow ugc">Checkbox Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/color/" rel="nofollow ugc">Color Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/color-palette/" rel="nofollow ugc">Color Palette Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dashicons/" rel="nofollow ugc">Dashicons Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/date/" rel="nofollow ugc">Date Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dimension/" rel="nofollow ugc">Dimension Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dimensions/" rel="nofollow ugc">Dimensions Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/dropdown-pages/" rel="nofollow ugc">Dropdown Pages Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/editor/" rel="nofollow ugc">Editor Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/generic/" rel="nofollow ugc">Generic Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/image/" rel="nofollow ugc">Image Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/url/" rel="nofollow ugc">Link Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/multicheck/" rel="nofollow ugc">Multiple Checkbox Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/multicolor/" rel="nofollow ugc">Multicolor Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/number/" rel="nofollow ugc">Number Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio/" rel="nofollow ugc">Radio Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio-buttonset/" rel="nofollow ugc">Radio Buttonset Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/radio-image/" rel="nofollow ugc">Radio Image Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/repeater/" rel="nofollow ugc">Repeater Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/select/" rel="nofollow ugc">Select Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/slider/" rel="nofollow ugc">Slider Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/sortable/" rel="nofollow ugc">Sortable Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/switch/" rel="nofollow ugc">Switch Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/text/" rel="nofollow ugc">Text Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/textarea/" rel="nofollow ugc">Textarea Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/toggle/" rel="nofollow ugc">Toggle Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/typography/" rel="nofollow ugc">Typography Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/controls/upload/" rel="nofollow ugc">Upload Customizer Control</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/margin-padding/" rel="nofollow ugc">Margin & Padding Controls</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/headlines-dividers/" rel="nofollow ugc">Headlines & Dividers</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/responsive-controls/" rel="nofollow ugc">Responsive Controls</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/input-slider/" rel="nofollow ugc">Input Slider</a></li>
<li><a href="https://docs.themeum.com/kirki/extensions/tabs/" rel="nofollow ugc">Tabs</a></li>
</ul>
<h3>Documentation 📖</h3>
You can find detailed documentation on how to use Kirki on https://www.themeum.com/kirki/

Kirki Customizer Framework

The Ultimate Customizer Framework for WordPress Theme Developers

Customize Plus vs Kirki Customizer Framework