Image Comparison Gutenberg Block

描述

Image Comparison Gutenberg Block is a custom Gutenberg Block developed with Gutenberg Native Components. You can easily showcase the Images Comparison. It comes with different styles and settings so that you can easily customize it as per your needs.

Overview See Demos

Key Features

  • Simple, light-weight, and super-fast
  • Built with only Gutenberg Native Components
  • No Block Builder at all
  • 100% Responsive
  • Horizontal & Vertical View
  • Images Comparison Options
    • Before & After Label
    • Comparison start on Hover
    • Horizontal & Vertical Comparison
  • Easy to Use in Gutenberg Editor
  • Drag & Drop Use

About Developer

Designed & Developed By Zakaria Binsaifullah. Available for any freelance work, feel free to Contact Me

屏幕截图

区块

该插件提供了1个区块.

  • Image Compare Showcase Images Comparision with different styles

安装

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/image-compare-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Simply go to Gutenberg Block Editor and you will find a new block at Media Category named “Image Compare”
  4. Drag and drop to use it.

常见问题

Is it responsive?

Sure, it is 100% Responsive

Have you used any block builder?

No, it is built with 100% Gutenberg Native Components only.

How can I use it?

Please follow the video tutorial to see the uses of it.

评价

2022年6月19日
It works perfectly, and has lots of customization options. I am really surprised that it is not more popular. Works perfectly in Gutenberg without any issues. I hope the developer keeps actively updating this plugin because it is perfect
2021年11月22日
This plugin does one thing and it does it better than all the rest! I tried the image compare block included with Jetpack and it caused CLS (Cumulative Layout Shift) Issues on my page. I tried Two other plugins offering image comparison blocks with the same issue. This one just works! Also allows you to change the images once you add the block which the Jetpack block did not. Hope the developer keeps it updated and it becomes the go to image comparison widget!
阅读所有2条评价

贡献者及开发者

“Image Comparison Gutenberg Block” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

“Image Comparison Gutenberg Block”插件已被翻译至1种本地话语言。 感谢所有译者为本插件所做的贡献。

将“Image Comparison Gutenberg Block”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.5.0 – Checking Compatibility with the Latest WordPress version
1.0.0 – Initial Release