Beaf – Photo Comparison Block

外掛說明

Beaf is a custom Gutenberg Block based plugin that is developed with Gutenberg Native Components. You can easily showcase the Photo Comparison. It comes with different styles and settings so that you can easily customize it as per your needs. It is a lite version of Beaf Pro. To get more features and options, you can check the Beaf Pro.

Overview

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
  • No jQuery dependency

Beaf Pro features

  • 3 Content Types (Image, Video, Iframe – Google Map)
  • Custom Label Styles
  • Custom Label Position
  • Custom Label Typography
  • Labels Animation Options
  • Custom Comparison Starting Point
  • Custom Comparison Line
  • Custom Comparison Line Color
  • Custom Comparison Line Thickness
  • Custom Caption for beaf slider

Beaf Pro is a premium version of Beaf. You can get more features and options in Beaf Pro. Get Beaf Pro

螢幕擷圖

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Photo Comparison 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.

常見問題集

What is Beaf Slider?

Beaf slider means Before and After Slider. It is a slider that showcases the before and after comparison between two images, videos, or iframes.

What is Beaf Pro?

Beaf Pro is a premium version of Beaf. You can get more features and options in Beaf Pro. Get Beaf Pro

How to upgrade to Beaf Pro?

Beaf Pro is the premium version of Beaf and it comes with a complete set of features and options. It is completely a separate plugin. You can simply deactivate the Beaf and install Beaf Pro. Then, you can start using it.

Is it compatible with the latest WordPress version?

Yes, it is compatible with the latest WordPress version.

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.

使用者評論

2024 年 2 月 13 日 6 則留言
…the plugin always shows a message on every page in the dashboard asking for consent to some data colelction. I dont want it and I apreciate that you probably dont just take it anyway. But I dont’t like that I can’t say no. I can skip the message and in the next milisecond it will eppear right away again. … maybe consider fixing this. its annoying!I will definitly change this review once its fixed!
2024 年 1 月 8 日 2 則留言
Basic block settings, that just work.I tried another plugin first that had way more options, but lagged very badly on iPhone.After adding this block (into columns) I can’t select it again to edit by clicking on it directly, just via the block list. Clicking it directly just moves the split bar. That should be fixed.(Mac, Safari, WP 6.4.2, Gutenberg)
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!
閱讀全部 5 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Beaf – Photo Comparison Block〉的開發相關工作。

參與者

〈Beaf – Photo Comparison Block〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Beaf – Photo Comparison Block〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.6.2

  • Compatibility with the latest WordPress version

1.6.1

  • Admin page updated
  • Popup notice issue fixed

1.6.0

  • Beaf Pro is now available
  • Labels position issue fixed
  • Admin page updated

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