WordPress: Top 20 “Customizer” Frameworks

Customize WooCommerce colors

WordPress Customizer allows users to tweak their website and let them see a live preview of the changes. It uses the WordPress Customize API introduced in WordPress 3.4. You can easily access the WordPress Customizer interface from Dashboard -> Appearance -> Customize.

Customizing WordPress themes for end users was starting to become a nightmare. There was no unified approach to customizing a theme. Each developer chose what they were comfortable with.

WordPress contributors wanted to introduce a default editing experience. So, on 2015, April 22 it was made mandatory to all WordPress.org themes to use Theme Customize API for theme options.

History of the WordPress Customizer

2012, June 13 – Theme customizer was introduced in WordPress version 3.4.
2015, April 22 – WordPress.org themes enforced to use Theme Customize API
2017, January 5 – Matt Mullenweg announced 3 main focus of 2017 (REST API, Editor and Customizer).
2017, January 5 – Weston Ruter and Mel Choyce appointed as Customizer team leads.

Native WordPress Customizer Controls

There are several built-in Customizer controls developers can leverage to build a unique editing experience. Here is the list of core Customizer controls:

WP_Customize_Nav_Menu_*_Control (5)

Source: Make Site management Easy with Live Preview in the Customizer by Nick Halsey

External Libraries of WordPress Customizer Controls

After the announcement made by WordPress Theme Review Team (WPTRT) on April 22, 2015 that themes in the repository must use Theme Customize API, a huge number of themes began to adopt Theme Customize API. Libraries of Customizer Custom Controls starting to get popular.

Among them we listed some of the best libraries or framework sorted by GitHub stars. Depending on your needs you can use these custom controls in your next WordPress project.

1. Kirki

With more than 46 contributors involved in this project, Kirki is the most popular WordPress library when it comes to extending the Customizer.

Using Kirki you can extend the Customizer and various controls like Color palettes, checkboxes, radio images, typography fields, repeater fields and many more. Kirki is actively developed by Aristeides Stathopoulos.

2. WordPress Theme Customizer Custom Controls

A collection of custom controls for WordPress customizer, developed by Paul underwood. So far using this library you can add control like Category Dropdown, Date Picker, Layout Picker, Menu Dropdown, Post Dropdown, Tags Dropdown, Text Editor, Textarea, Taxonomy Dropdown, User List Dropdown and Google Fonts Dropdown in your WordPress project.

3. Customizer Library

Customizer Library developed by Devin Price lets you add following custom controls to your WordPress theme or plugin: Checkbox, Select, Radio, Upload, Image, Color, Text, URL, Range, Textarea and Select (Typography).

4. Google Font Picker Control

Google Font picker custom control for WordPress customizer developed by Patrick Rauland. You can use this framework to easily add a Google Fonts in your theme or plugin which can be accessed via the Customizer.

5. WordPress Customizer Range Value Control

WordPress Customizer Range Value Control developed by Per Søderlind, is a generic range with value.

6. WordPress Customizer Toggle Control

Customizer Custom control developed by Per Søderlind lets you add Toggle on/off control to your theme customization arsenal.

7. WP Customizer Utilities

Custom WordPress customizer controls and settings (layout builder and gradient control) developed by ProteusThemes to improve their themes user experience.

8. Polygon Customizer Boilerplate

Add WordPress customizer control like Subsection, Radio Image, Google Fonts, Numeric Slider and Multiple Checkbox.

9. O2

Enhance your WordPress customization experience with custom customizer controls like Radio image, Icon picker and select controls.

10. WordPress Customizer Builder

A wrapper for $wp_customize built by Sjors Ottjes that makes developing with the WordPress customizer easier.

11. WordPress Theme Customizer Extra Custom controls

Add additional customizer custom controls like Toggle Checkbox, Info, Separator, Multi Input, Sidebar Dropdown, Image Radio Button, Slider Control and many more.

12. WordPress Customizer SASS Compiler

A WordPress Plugin that add’s a range of options for you to change the SASS variables directly into the WordPress customizer. This plugin currently adds Twitter Bootstrap to your WordPress install and includes a range of options for you to change the SASS variables on the fly from within your WordPress install.

13. Customizer Definitely

Framework built by Felix Arntz to make adding customizer panels, sections and fields to WordPress simple. It all works using a single action and an array.

14. FontManager Library for WordPress

Add FontManager to customize your websites Font Weight, Font Type, Font Color, Line Height, Font Size. You can easily include this file in your themes or plugins and control your fonts style.

15. Customizer Social Icons

Displaying Social Media Icons in your website is now maybe one of the most basic feature. This control will let you do that easily via Customizer. Using this control the style of icon, colors, size, and spacing of the social media icons.

16. Zentheme Pikadate

A pretty flexible date picker or calendar customizer custom control. You can add a date picker control in your theme or plugin using this control.

17. Dp-customizer

DP Customizer is a lighweight framework that creates wrapper Functions for WordPress Customize API.

18. Content Layout Control

Custom control is lightweight framework built by Nate Wright of Theme of The Crop to add different component to your page. Using via customizer interface you can add various component like Blocks, Testimonial or any other section you’ve created. It looks very exciting and useful. You can check out the control demo video here.

Besides these frameworks there are many more Customizer controls can be found on internet. If you want to stay updated about WordPress Customizer improvement bookmark these following links.

19. Customize Image Gallery Control

This control will power up your editing ability by extending the WP_Customize_Control class and help you add Customizer support for WordPress image gallery. It will allow you to choose multiple images from Media Library.

20. Customizer Repeater

Customizer Repeater is a custom control for the WordPress Theme Customizer that will let you add repeater field. Currently it supports eight types of fields : repeater_image_control, repeater_icon_control, repeater_title_control, repeater_subtitle_control, repeater_text_control, repeater_link_control, repeater_shortcode_control, repeater_repeater_control.

Important Links:

Related content

  • WooCommerce: Custom Add to Cart URLs – The Ultimate Guide
    In WooCommerce you can add a product to the cart via a custom link. You just need to use the “add-to-cart” URL parameter followed by the product ID. This tutorial will show you how to create custom URLs to add simple, variable and grouped products to the cart – as well as defining the add […]
  • WooCommerce Visual Hook Guide: Single Product Page
    Here’s a visual hook guide for the WooCommerce Single Product Page. This is part of my “Visual Hook Guide Series“, through which you can find WooCommerce hooks quickly and easily by seeing their actual locations (and you can copy/paste). If you like this guide and it’s helpful to you, let me know in the comments! […]
  • WooCommerce: Disable Variable Product Price Range $$$-$$$
    You may want to disable the WooCommerce variable product price range which usually looks like $100-$999 when variations have different prices (min $100 and max $999 in this case). With this snippet you will be able to hide the highest price, and add a “From: ” prefix in front of the minimum price. At the […]
  • WooCommerce: Hide Price & Add to Cart for Logged Out Users
    You may want to force users to login in order to see prices and add products to cart. That means you must hide add to cart buttons and prices on the Shop and Single Product pages when a user is logged out. All you need is pasting the following code in your functions.php (please note: […]
  • WooCommerce: How to Fix the “Cart is Empty” Issue
    For some reason, sometimes you add products to cart but the cart page stays empty (even if you can clearly see the cart widget has products in it for example). But don’t worry – it may just be a simple cache issue (and if you don’t know what cache is that’s no problem either) or […]

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza. Follow @rmelogli

1 thought on “WordPress: Top 20 “Customizer” Frameworks

  1. I love this feature! It allowed me countless times to edit an environment where theme options can be tried by the administrator before being applied to the live site 🙂

    Thanks for sharing this extensive list of external libraries. Really useful stuff!

Leave a Reply

Your email address will not be published. Required fields are marked *