[WordPress] 外掛分享: Wicker Wings DabKrabe – Before After Image Comparison Block

首頁外掛目錄 › Wicker Wings DabKrabe – Before After Image Comparison Block
WordPress 外掛 Wicker Wings DabKrabe – Before After Image Comparison Block 的封面圖片
全新外掛
安裝啟用
尚無評分
628 天前
最後更新
問題解決
WordPress 6.1+ PHP 7.0+ v1.0.3 上架:2024-07-21

內容簡介

總結:這款 WordPress 外掛讓您輕鬆創建一個區塊,讓訪客可以使用滑動條比較和查看兩張圖片,並在全屏模式下查看更大的圖片進行比較。

問題與答案:
1. 這款 WordPress 外掛的主要功能是什麼?
- 可以創建一個區塊,讓訪客可以使用滑動條比較和查看兩張圖片。
2. 如何調整圖片的顯示大小?
- 可以指定圖片的顯示大小。
3. 在哪些方向可以改變滑動條的移動方向?
- 可以垂直和水平改變滑動條的移動方向。
4. 哪些元素可以編輯?
- 可以編輯邊框風格、滑動條顏色、標題和描述。
5. 關於滑動條顏色的編輯有哪些限制?
- 在 WordPress 6.1 上不支持編輯滑動條顏色。
6. 如果瀏覽器不支持全屏模式時會怎麼顯示圖片?
- 如果瀏覽器不支持全屏,圖片將顯示在整個視窗中,此時可能會顯示特定於 WordPress 主題的固定菜單。
7. 如何建立這個外掛?
- 使用以下指令: % npm install、% npm run build、% npm run plugin-zip。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.3) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Wicker Wings DabKrabe – Before After Image Comparison Block」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

You can easily create a block that allows visitors to compare and view two images using a slide bar. You can view it in fullscreen and see a larger image for comparison.
See Demos
Feature

Image display size can be specified
Changing the slider movement direction vertically and horizontally
Edit border style
Edit slidebar color
Fill in the captions
Fill in the description
Fullscreen display

Notes

Editing slidebar color is not supported on WordPress 6.1
If the browser does not support fullscreen, the image will be displayed in the full window. At that time, a fixed menu specific to the WordPress theme may be displayed.

Usage

Choose the left and right images from the image select buttons.
You can change preview mode and edit mode from the icon on the editing toolbar.
Some styles while editing are only applied in the preview mode.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon