Beschreibung
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
Screenshots
The block in the WordPress editor showing before/after sections 
The interactive slider in action on the frontend 
Block settings panel with customization options
Blöcke
Dieses Plugin unterstützt 1 Block.
- JuZ DualView A Gutenberg block to display an easy "Before/After" comparison.
Installation
- 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
FAQ
-
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.
Rezensionen
Für dieses Plugin gibt es keine Rezensionen.
Mitwirkende und Entwickler
„JuZ DualView“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
Mitwirkende
„JuZ DualView“ wurde in 1 Sprache übersetzt. Danke an die Übersetzer für ihre Mitwirkung.
Übersetze „JuZ DualView“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
1.0.0
- Initial release
- Interactive slider functionality
- Support for any block content
- Customizable labels and descriptions
- Accessibility features