Descripción
The JuZ DualView Block allows you to create interactive before/after comparisons directly in the WordPress block editor. Perfect for showcasing transformations, improvements, or any content that benefits from side-by-side comparison with an interactive slider.
Key Features:
– Interactive slider to compare before/after content
– Works with images, text, or any block content
– Customizable labels and descriptions
– Responsive design that works on all devices
– Accessibility-ready with proper ARIA attributes
– Easy to use with a simple interface
Use Cases:
– Showcasing design improvements
– Demonstrating product before/after results
– Comparing old vs. new versions
– Highlighting transformations
– Any content that benefits from visual comparison
Accessibility Credits:
This plugin’s accessibility features were developed with expert guidance from:
– Jean-Baptiste Audras (Whodunit)
– Sorya Huon (Ecedi)
– Myriam Niaré-Guilloux (Ecedi)
Additional Notes
- Requires WordPress 6.0 or higher
- Works with the Gutenberg block editor
- Tested with major WordPress themes
- Lightweight and performance optimized
Capturas
The block in the WordPress editor showing before/after sections 
The interactive slider in action on the frontend 
Block settings panel with customization options
Bloques
Este plugin proporciona 1 bloque.
- JuZ DualView A Gutenberg block to display an easy "Before/After" comparison.
Instalación
- Upload the plugin files to the
/wp-content/plugins/juz-dualviewdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
- Use the «JuZ DualView» block in the Gutenberg editor
Preguntas frecuentes
-
How do I use the block?
-
- Add the «JuZ DualView» block to your post or page
- Add your «Before» content in the first section
- Add your «After» content in the second section
- Customize the block settings as needed
- Publish your content
-
Can I compare more than just images?
-
Yes! The block works with any content type. You can compare images, text, or any combination of blocks.
-
Is the block responsive?
-
Yes, the block is fully responsive and will adapt to different screen sizes.
-
Can I customize the colors?
-
Yes, you can customize the background colors and text colors using the block’s color settings.
-
Is the block accessible?
-
Yes, the block includes proper ARIA attributes and keyboard navigation support to ensure accessibility.
Reseñas
No hay reseñas para este plugin.
Colaboradores y desarrolladores
«JuZ DualView» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores
«JuZ DualView» ha sido traducido a 1 idioma local. Gracias a los traductores por sus contribuciones.
Traduce «JuZ DualView» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
1.0.0
- Initial release
- Interactive slider functionality
- Support for any block content
- Customizable labels and descriptions
- Accessibility features