{"id":109680,"date":"2019-09-27T09:14:07","date_gmt":"2019-09-27T09:14:07","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/nelio-compare-images-block\/"},"modified":"2025-12-02T16:24:32","modified_gmt":"2025-12-02T16:24:32","slug":"nelio-compare-images","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/nelio-compare-images\/","author":13050289,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.6","stable_tag":"1.0.6","tested":"6.9.4","requires":"6.6","requires_php":"7.4","requires_plugins":null,"header_name":"Nelio Compare Images Block","header_author":"Nelio Software","header_description":"Before & After Image Block for Gutenberg.","assets_banners_color":"","last_updated":"2025-12-02 16:24:32","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/paypal.me\/neliosoftware","header_plugin_uri":"https:\/\/neliosoftware.com","header_author_uri":"http:\/\/neliosoftware.com","rating":4.8,"author_block_rating":0,"active_installs":300,"downloads":6403,"num_ratings":8,"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":"davilera","date":"2019-09-27 09:13:38"},"1.0.1":{"tag":"1.0.1","author":"davilera","date":"2019-09-30 07:27:16"},"1.0.2":{"tag":"1.0.2","author":"davilera","date":"2019-09-30 08:52:49"},"1.0.3":{"tag":"1.0.3","author":"davilera","date":"2020-06-12 14:24:38"},"1.0.4":{"tag":"1.0.4","author":"davilera","date":"2023-07-24 10:55:48"},"1.0.5":{"tag":"1.0.5","author":"davilera","date":"2024-03-21 09:49:33"},"1.0.6":{"tag":"1.0.6","author":"davilera","date":"2025-12-02 16:24:32"}},"upgrade_notice":{"1.0.6 (December 2, 2025)":"

Update coding standards.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":2,"5":6},"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":2164244,"resolution":false,"location":"assets","locale":false}},"assets_banners":[],"assets_blueprints":{},"all_blocks":{"nelio\/compare-images":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"nelio\/compare-images","title":"Compare Images","category":"common","icon":"image-flip-horizontal","description":"Compare two images side by side using a slider.","keywords":["compare","image"],"version":"1.0.0","textdomain":"nelio-compare-images","attributes":{"align":{"type":"string"},"beforeId":{"type":"number"},"beforeUrl":{"type":"string","source":"attribute","selector":".wp-block-nelio-compare-images__before-image img","attribute":"src"},"beforeAlt":{"type":"string","source":"attribute","selector":".wp-block-nelio-compare-images__before-image img","attribute":"alt","default":""},"afterId":{"type":"number"},"afterUrl":{"type":"string","source":"attribute","selector":".wp-block-nelio-compare-images__after-image img","attribute":"src"},"afterAlt":{"type":"string","source":"attribute","selector":".wp-block-nelio-compare-images__after-image img","attribute":"alt","default":""},"dividerLocation":{"type":"number","default":50},"caption":{"type":"string","source":"html","selector":"figcaption"},"isVertical":{"type":"boolean","default":false},"sizeSlug":{"type":"string"}},"supports":{"align":["left","center","right","wide","full"]},"viewScript":"file:view.js","editorScript":"file:index.js","editorStyle":"file:index.css","style":"file:style-index.css"}},"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2165535,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2165535,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2165535,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2164244,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Horizontal Comparison.<\/strong> Compare images side-by-side.","2":"Vertical Comparison.<\/strong> Compare images vertically.","3":"New Block.<\/strong> Add the two images you want to compare using familiar components.","4":"Simple Settings.<\/strong> Tweak the initial appearance of the block using simple, easy-to-use settings."},"jetpack_post_was_ever_published":false},"plugin_section":[163309],"plugin_tags":[176708,176707,125022,151844,176050],"plugin_category":[],"plugin_contributors":[83629,79609,79608],"plugin_business_model":[],"class_list":["post-109680","plugin","type-plugin","status-publish","hentry","plugin_section-blocks","plugin_tags-after-image","plugin_tags-before-image","plugin_tags-compare-images","plugin_tags-gutenberg-block","plugin_tags-image-comparison","plugin_contributors-avillegasn","plugin_contributors-davilera","plugin_contributors-nelio","plugin_committers-avillegasn","plugin_committers-davilera","plugin_committers-nelio"],"banners":[],"icons":{"svg":"https:\/\/ps.w.org\/nelio-compare-images\/assets\/icon.svg?rev=2164244","icon":"https:\/\/ps.w.org\/nelio-compare-images\/assets\/icon.svg?rev=2164244","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/nelio-compare-images\/assets\/screenshot-1.png?rev=2165535","caption":"Horizontal Comparison.<\/strong> Compare images side-by-side."},{"src":"https:\/\/ps.w.org\/nelio-compare-images\/assets\/screenshot-2.png?rev=2165535","caption":"Vertical Comparison.<\/strong> Compare images vertically."},{"src":"https:\/\/ps.w.org\/nelio-compare-images\/assets\/screenshot-3.png?rev=2165535","caption":"New Block.<\/strong> Add the two images you want to compare using familiar components."},{"src":"https:\/\/ps.w.org\/nelio-compare-images\/assets\/screenshot-4.png?rev=2164244","caption":"Simple Settings.<\/strong> Tweak the initial appearance of the block using simple, easy-to-use settings."}],"raw_content":"\n

Nelio Compare Images is a simple and elegant Gutenberg block to compare two images side by side. Select the images you want to compare in the media library and our plugin will take care of the rest.<\/p>\n\n

If you like this plugin, take a look at Nelio A\/B Testing<\/a> and Nelio Content<\/a> or visit our website<\/a>.<\/p>\n\n\n

    \n
  1. Login to your WordPress admin<\/li>\n
  2. Click on the plugins tab<\/li>\n
  3. Click on the \u201cAdd New\u201d button<\/li>\n
  4. Search for \u201cNelio Compare Images\u201d<\/li>\n
  5. Look for our plugin, click on \u201cInstall Now\u201d and then on \u201cActivate\u201d<\/li>\n
  6. Once the plugin is installed and active, you\u2019ll see there\u2019s a new block type named \u201cCompare Images\u201d<\/li>\n<\/ol>\n\n

    Alternative installation methods<\/strong><\/p>\n\n

      \n
    1. Download this plugin<\/li>\n
    2. Login to your WordPress admin<\/li>\n
    3. Click on the plugins tab<\/li>\n
    4. Click on the \u201cAdd New\u201d button<\/li>\n
    5. Click on the \u201cUpload\u201d button<\/li>\n
    6. Click on \u201cInstall Now\u201d and then \u201cActivate\u201d<\/li>\n
    7. Once the plugin is installed and active, you\u2019ll see there\u2019s a new block type named \u201cCompare Images\u201d<\/li>\n<\/ol>\n\n

      Created by Nelio Software<\/h4>\n\n

      Nelio Compare Images is built by the Nelio team. We create high-quality WordPress plugins that help you grow your WordPress sites.<\/p>\n\n

      Check out some of our most popular plugins:<\/p>\n\n