{"id":252623,"date":"2025-10-03T13:43:27","date_gmt":"2025-10-03T13:43:27","guid":{"rendered":"https:\/\/fr.wordpress.org\/plugins\/easy-beforeafter\/"},"modified":"2025-10-03T13:43:16","modified_gmt":"2025-10-03T13:43:16","slug":"juz-dualview","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/juz-dualview\/","author":23066318,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.8.5","requires":"6.0","requires_php":"7.0","requires_plugins":null,"header_name":"JuZ DualView","header_author":"Ju'Z[ed]","header_description":"A Gutenberg block to display an easy \"Before\/After\" comparison.","assets_banners_color":"746466","last_updated":"2025-10-03 13:43:16","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/juzed.dev\/projets\/juz-dualview","header_author_uri":"https:\/\/juzed.dev\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":180,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"juzed","date":"2025-10-03 13:43:16"}},"upgrade_notice":{"1.0.0":"<p>Initial release of the JuZ DualView Block plugin.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3372391,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3372391,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3372391,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3372391,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"juzeddev\/juz-dualview":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"juzeddev\/juz-dualview","version":"1.0.0","textdomain":"juz-dualview","title":"JuZ DualView","description":"A Gutenberg block to display an easy \"Before\/After\" comparison.","category":"media","icon":"image-flip-horizontal","attributes":{"uniqueId":{"type":"string"},"ariaLabel":{"type":"string"},"instructions":{"type":"string"},"description":{"type":"string","source":"html","selector":".juz-dualview__description-text"},"preview":{"type":"boolean","default":false}},"supports":{"html":true,"customClassName":true,"className":true,"anchor":true,"inserter":true,"alignWide":true,"color":{"text":true,"background":true},"spacing":{"padding":true},"typography":{"fontSize":true,"textAlign":true}},"editorScript":"file:.\/editor.js","viewScript":["file:.\/view.js","juz-dualview-view-script"],"editorStyle":"file:.\/editor.css","viewStyle":["file:.\/view.css","juz-dualview-view-style"],"example":{"attributes":{"preview":true}}}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3372391,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3372391,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3372391,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"The block in the WordPress editor showing before\/after sections","2":"The interactive slider in action on the frontend","3":"Block settings panel with customization options","4":"Example of comparing images with the block"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1985,11619,6808,200506,611],"plugin_category":[34],"plugin_contributors":[242698],"plugin_business_model":[],"class_list":["post-252623","plugin","type-plugin","status-publish","hentry","plugin_tags-accessible","plugin_tags-before-after","plugin_tags-comparison","plugin_tags-eco-friendly","plugin_tags-slider","plugin_category-accessibility","plugin_contributors-juzed","plugin_committers-juzed"],"banners":{"banner":"https:\/\/ps.w.org\/juz-dualview\/assets\/banner-772x250.jpg?rev=3372391","banner_2x":"https:\/\/ps.w.org\/juz-dualview\/assets\/banner-1544x500.jpg?rev=3372391","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/juz-dualview\/assets\/icon-128x128.png?rev=3372391","icon_2x":"https:\/\/ps.w.org\/juz-dualview\/assets\/icon-256x256.png?rev=3372391","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/juz-dualview\/assets\/screenshot-1.png?rev=3372391","caption":"The block in the WordPress editor showing before\/after sections"},{"src":"https:\/\/ps.w.org\/juz-dualview\/assets\/screenshot-2.png?rev=3372391","caption":"The interactive slider in action on the frontend"},{"src":"https:\/\/ps.w.org\/juz-dualview\/assets\/screenshot-3.png?rev=3372391","caption":"Block settings panel with customization options"}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p><strong>Key Features:<\/strong>\n- Interactive slider to compare before\/after content\n- Works with images, text, or any block content\n- Customizable labels and descriptions\n- Responsive design that works on all devices\n- Accessibility-ready with proper ARIA attributes\n- Easy to use with a simple interface<\/p>\n\n<p><strong>Use Cases:<\/strong>\n- Showcasing design improvements\n- Demonstrating product before\/after results\n- Comparing old vs. new versions\n- Highlighting transformations\n- Any content that benefits from visual comparison<\/p>\n\n<p><strong>Accessibility Credits:<\/strong>\nThis plugin's accessibility features were developed with expert guidance from:\n- <a href=\"https:\/\/profiles.wordpress.org\/audrasjb\/\">Jean-Baptiste Audras<\/a> (<a href=\"https:\/\/www.linkedin.com\/company\/agence-wordpress-whodunit\/\">Whodunit<\/a>)\n- <a href=\"https:\/\/www.linkedin.com\/in\/sorya-huon-6b101040\/\">Sorya Huon<\/a> (<a href=\"https:\/\/www.ecedi.fr\/\">Ecedi<\/a>)\n- <a href=\"https:\/\/www.linkedin.com\/in\/myriam-niare-guilloux\/\">Myriam Niar\u00e9-Guilloux<\/a> (<a href=\"https:\/\/www.ecedi.fr\/\">Ecedi<\/a>)<\/p>\n\n<h3>Additional Notes<\/h3>\n\n<ul>\n<li>Requires WordPress 6.0 or higher<\/li>\n<li>Works with the Gutenberg block editor<\/li>\n<li>Tested with major WordPress themes<\/li>\n<li>Lightweight and performance optimized<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/juz-dualview<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<li>Use the \"JuZ DualView\" block in the Gutenberg editor<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20do%20i%20use%20the%20block%3F'><h3>How do I use the block?<\/h3><\/dt>\n<dd><ol>\n<li>Add the \"JuZ DualView\" block to your post or page<\/li>\n<li>Add your \"Before\" content in the first section<\/li>\n<li>Add your \"After\" content in the second section<\/li>\n<li>Customize the block settings as needed<\/li>\n<li>Publish your content<\/li>\n<\/ol><\/dd>\n<dt id='can%20i%20compare%20more%20than%20just%20images%3F'><h3>Can I compare more than just images?<\/h3><\/dt>\n<dd><p>Yes! The block works with any content type. You can compare images, text, or any combination of blocks.<\/p><\/dd>\n<dt id='is%20the%20block%20responsive%3F'><h3>Is the block responsive?<\/h3><\/dt>\n<dd><p>Yes, the block is fully responsive and will adapt to different screen sizes.<\/p><\/dd>\n<dt id='can%20i%20customize%20the%20colors%3F'><h3>Can I customize the colors?<\/h3><\/dt>\n<dd><p>Yes, you can customize the background colors and text colors using the block's color settings.<\/p><\/dd>\n<dt id='is%20the%20block%20accessible%3F'><h3>Is the block accessible?<\/h3><\/dt>\n<dd><p>Yes, the block includes proper ARIA attributes and keyboard navigation support to ensure accessibility.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Interactive slider functionality<\/li>\n<li>Support for any block content<\/li>\n<li>Customizable labels and descriptions<\/li>\n<li>Accessibility features<\/li>\n<\/ul>","raw_excerpt":"Easily compare before and after content with an interactive slider in the WordPress block editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/252623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=252623"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/juzed"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=252623"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=252623"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=252623"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=252623"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=252623"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=252623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}