Customizer Theme Resizer Plugin Offers Live Previews of Your Site on Mobile Devices

customizer-theme-resizer

Contributors on the upcoming WordPress 4.3 release are moving full speed ahead with plans to improve the experience of using the customizer. They’re also exploring ways to re-architect it to make way for feature plugins that would bring in additional functionality.

WordPress core contributors have continually demonstrated a commitment to improving the customizer to make it better for everyone, and the Theme Developer Handbook was recently updated with a comprehensive guide to using the Customizer API. Plugin developers are also finding new ways to extend the customizer to support the increasing number of users who depend on it for live previews.

Customizer Theme Resizer is a new plugin that is immensely useful for previewing your site on various mobile devices while adjusting options in the customizer. The plugin was created by Japanese web developer Tatsuki Ohta, who has 10 other extensions listed in the official directory. It allows you to review your design for responsiveness without having to leave the customizer panel.

customizer-theme-resizer-screenshot

Customizer Theme Resizer offers nine preset mobile phone/tablet display options, or you can manually add your own screen dimensions. You can also easily switch between portrait or landscape mode.

The plugin works seamlessly within the customizer, so you can set it to iPhone 6, for example, and live preview any of your design choices on that device. This is especially helpful when uploading a site logo or a header image if you want to see how those images resize down for devices. It keeps you from having to go back and forth while making adjustments and testing responsiveness on your phone or simulator.

I tested the plugin and found that it works as advertised. You can see a quick overview of how it works in the video below:

As a result of the WordPress.org Theme Review Team’s decision to enforce the use of the customizer for theme options, more themes will be moving to support the customizer ahead of the deadline to comply. The Customizer Theme Resizer plugin is a handy tool to use in conjunction with any theme that supports the customizer. Install the Customizer Theme Resizer plugin from WordPress.org the next time you want to live preview the mobile-friendliness of your design adjustments.

Would you like to write for WP Tavern? We are always accepting guest posts from the community and are looking for new contributors. Get in touch with us and let's discuss your ideas.

3 Comments


  1. I imagine we’ll see this adopter (or something similar) in the core customizer functionality. Excellent little plugin here. Thanks for sharing!

    Report


  2. This is handy plugin, will try it out. But remember to test your sites using real devices also.

    And I loooove the first screenshot :)

    Report


  3. very good plugin, but in my opinion not the big thing, I use Chrome extensions for testing responsive (of course I test with more browsers too and real devices)

    Report

Comments are closed.