WordPress Plugin - Chameleon
0 likes150 views
The Chameleon WordPress plugin aims to provide quick styling solutions for default form layouts in popular plugins and themes, addressing often-overlooked UI adjustments. It offers a variety of styles for plugins like Contact Form 7 and WooCommerce and plans to introduce automation for adapting to different themes. Contributions to the plugin are welcomed through GitHub, where users can collaborate by creating a repository for style additions.
WordPress Plugin - Chameleon
- 1. WordPress Plugin – Chameleon https://github.com/uxglow
- 2. Idea Behind Basically it’s a utility to provide you a quick and tidy styling for plug-in and themes which offer you default form layouts. It was an ignored part from a long time, developers mostly spend their time in development and R&D. UI designers and developers also ignore the user interface adjustments for those layouts which are provided by default by most of the plug-in and themes. Contact form 7 and WooCommerce are two main examples among those plug-in. So you might will notice that the layouts are not tweaked on websites and visitors experience glitches. Chameleon will help you to quickly fix the common layout issues, by changing a little color scheme you can deliver your project quickly.
- 3. Why Chameleon? Our team think, this plug-in will offer a wide range of styles for almost all famous plug-in and layouts so that’s why it’s behavior is more like a Chameleon. Initially we are presenting it with selection and Apply Now button but later we will try to involve some automation in it. So according to your theme, color scheme around and other parameters, it will automatically adjust itself for appropriate layout styling.
- 4. Compatibility List 1. Contact form 7 2. Gravity Forms 3. Buddypress 4. ACF 5. WooCommerce 6. Twenty series of WordPress themes Note: These are a few which are offered initially.
- 5. Logic Involved Programmatically it was not easy to manage this idea as a plug-in because each plug-in is having a different kind of presentation and attributes hierarchy. If we take the example of contact form 7, this plug-in is using normal posts table and all the tables are WordPress posts in fact. But Gravity Forms plug-in is providing an independent table. Same like this for WooCommerce layouts, there is a challenge to manage all the forms with each style we have as default. What we did is, using a CSS selector we just replaced the parent wrapper class according to the form ID for contact form 7 and gravity forms. For upcoming versions we have to deal accordingly.
- 7. Community You can contribute to this plugin in the same was as Aqib Raza and Fahad Mahmood managed initial repos. You have simply create a repo with the exact name of plug-in you want to add and then follow the same folder/files hierarchy inside. Once you will push your changes so after reviewing the compatibility issues, we will merge them in master. Your name and/or WordPress profile will be mentioned in changelog for thanks. https://github.com/uxglow
- 8. Chameleon Team WordPress Mechanic | Fahad Mahmood https://profiles.wordpress.org/fahadmahmoo d/#content-about UX Mechanic| Aqib Raza https://profiles.wordpress.org/aqibraza#cont ent-about