What is WordPress Theme Customizer
WordPress theme customizer allows users to tweak their website and let uses see a live preview of the changes. It uses WordPress The Customize API introduce in WordPress 3.4. You can easily access the WordPress Theme Customizer interface from Dashboard -> Appearance -> Customize.
Why Use WordPress Theme Customizer
Customizing WordPress theme for end users was starting to become a nightmare. There was no unified approach to customizing a theme. Each developer choose what they were comfortable with. It was becoming a mess of Option Frameworks, Page Builders and Customize API. It created a huge problem for both Developers and end users. Users were confused because each theme introduced a different way of customizing a website. Jumping between different windows to edit a website is not a delightful experience. Overall editing experience of WordPress became complex overtime. WordPress contributors wanted to introduce a unified editing experience. On 2015, April 22 it was made mandatory to all WordPress.org themes to use Theme Customize API for customizing theme.
History of WordPress Theme 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 introduced as Customizer focus team lead.
Future Direction of Theme Customizer
On 2017, January 5 Matt Mullenweg, founder of Automattic announced 3 main focus of 2017 (REST API, Editor and Customizer).
• Usability of endpoints for internal or external clients
• Usability of the infrastructure from the perspective of a API client
• Working with the Editor and Customizer focus teams to collect requirements and gather feedback
• Identifying ways to improve the overall experience for folks building clients or consuming endpoints (like documentation)
Discussions of WordPress make blog regarding customization indicates there is a serious change coming to WordPress editing experience.
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:
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) at April 22, 2015 that e theme in the repository must use Theme Customize API 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.
With more than 46 contributors involved in this project, Kirki is the most popular WordPress library when it comes to extending customizer. Using Kirki you can extend the customizer and various controls like Color pallets, multicheck, radio image, typography fields, repeater fields and many more. Kirki is actively developed by Aristeides Stathopoulos.
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.
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).
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 customizer.
WordPress Customizer Range Value Control developed by Per Søderlind, is a generic range with value.
Customizer Custom control developed by Per Søderlind lets you add Toggle on/off control to your theme customization arsenal.
Custom WordPress customizer controls and settings (layout builder and gradient control) developed by ProteusThemes to improve their themes user experience.
Add WordPress customizer control like Subsection, Radio Image, Google Fonts, Numeric Slider and Multiple Checkbox.
Enhance your WordPress customization experience with custom customizer controls like Radio image, Icon picker and select controls.
A wrapper for $wp_customize built by Sjors Ottjes that makes developing with the WordPress customizer easier.
Add additional customizer custom controls like Toggle Checkbox, Info, Separator, Multi Input, Sidebar Dropdown, Image Radio Button, Slider Control and many more.
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.
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.
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.
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.
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.
DP Customizer is a lighweight framework that creates wrapper Functions for WordPress Customize API.
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.
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.
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.
- The Customize API
- Customize Component Roadmap
- Updates on Customizer by WordPress Core Development Team
- #core-customize channel on WordPress Slack
- Various talks on Customize API
Do let us know in the comment if we missed any framework. If you liked the article please share it with people you think will find it useful.