[WordPress] 外掛分享： Comparison Slider

WordPress 外掛 Comparison Slider 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Comparison Slider」是 2018-01-19 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 300 個安裝啟用數。
  • 上一次更新是 2024-02-20，距離現在已有 437 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

comparisonslider |

外掛標籤

image | slider | comparison | comparison slider | comparison slider plugin |

內容簡介

Image Comparison Slider（圖片比較滑桿）是一個輕便且易於使用的外掛，提供了一種彈性的方式來顯示圖片比較滑桿。

主要特點

Image Comparison Slider（圖片比較滑桿）
線上圖片比較建立工具
完全響應式滑桿
在滑桿上添加字幕
在滑桿上添加具有文字和圖片描述的標誌
圖片比較滑桿範例

圖片比較滑桿翻譯

免費獲取圖片比較滑桿外掛！只需將 Comparison Slider（比較滑桿）翻譯成任何一種新語言即可。
如果您想進行翻譯，請聯繫我們。

英文

初次啟動

準備開始使用圖片比較滑桿？讓我們開始吧！

第一部分

點擊“添加新比較”

第二部分

首先，您需要上傳圖片，選擇您要放在右邊的圖片，並在滑桿右側下方點擊“選擇圖片”。再對另一張圖片重複此操作。

要設置字幕，只需單擊您上傳的圖像附近的“編輯字幕”即可。

滑桿設置
* 然後，自定義其他圖像比較滑桿外觀選項：
* 寬度-設置滑桿寬度（以像素或百分比為單位）
* 線條位置（Pro選項）-選擇比較線條為水平還是垂直
* 圖標-選擇圓形或矩形分隔符
* 邊框深度-設置邊框寬度（以像素為單位）
* 圖片滑桿設置
* 邊框顏色-使用當前顏色選擇器設置所需的顏色
* 添加背景顏色-選擇圖標背景的顏色
* 選擇圖標- 從彈出窗口中的列表中設置圖標圖片
* 圖片比較滑桿設置
* 添加點-請勾選此處以在頁面上創建比較點
* 添加-點擊即可創建新點
* 全部刪除-允許您一次性刪除所有點
* 刪除-隱藏您需要的點
* 點字段名稱- 在前端用戶單擊點後，他/她將看到點的標籤
* 此外，您可以自定義字幕的外觀：

字幕設置
* 字體-選擇字體家族
* 字體大小-設置標題文字大小
* 字體顏色-設置字幕的顏色
* 字體樣式-選擇需要的加粗、斜體或下劃線
* 標題位置設置
* 位置（Pro選項）-選擇標題位置
* 為您的標題設置所需的填充像素數-

定位
* 上邊距
* 下邊距
* 左邊距
* 右邊距

不要忘記在設置上方點擊“保存”，以使插件記住您的更改。

第三部分

然後，在下載的圖片下方複製縮略語，並將其插入到您的文章或頁面文本編輯器內，然後發布即可。 完成滑桿！

合作

我們邀請插件開發人員和代理商進行合作。
目前，我們已與 WooBeWoo 插件開發人員進行成功的合作。

我們一起與插件進行了整合：
WooCommerce 產品表格外掛 https://woobewoo.com/plugins/table-woocommerce-plugin/
WooCommerce 產品篩選器外掛 https://woobewoo.com/plugins/woocommerce-filter/
WooCommerce 貨幣切換器 https://wordpress.org/plugins/woo-currency/

我們將樂於回答所有的整合提案。

原文外掛簡介

Image Comparison Slider plugin light and easy After & Compare tool. Give user the flexibility to display image comparison slider.
Main Features

Image Comparison Slider
Online Image Compare builder
Fully Responsive slider
Add Captions on slider
Add Marker with text and image description on the slider
Comparison Slider Examples

Image Comparison Slider Translations
Get Image Comparison Slider plugin for free! Just translate Comparison Slider to the one of new languages.
Contact us if you want to make translation.

English

First Start
Ready to begin with Image Comparison Slider? Let’s go!
Part one
Click Add new comparison
Part two
First you need is to upload the Images, choose which one you want to be on the right and click Select Image under the right part of the slider. Repeat the same with the other one.
To set captions simply click on Edit Captions near the image you upload
Slider Settings
* After that, customize the other Image Comparison Slider appearance options:
* Width – set slider width in pixels or percents
* Line Position (Pro Option) – Choose comparison line to be Horizontal or Vertical
* Icon – elect round or rectangular divider
* Border Depth – set border width in pixels
* Image Slider Settings
* Border Color – establish the needed color with current colorpicker
* Add Background color – select the color for icon background
* Choose Icon – set icon image from the list in popup
* Image Comparison Slider Settings
* Add Point – check here to create comparizon point on the pages for comparing
* Add – click to create a new one
* Remove All – permits you to delete all points at one click
* Remove – vanish the point you need
* Name point field – after user click on the point on the front-end he/she will see the label of the point
* Besides you can customize captions appearance:
Caption Settings
* Font – elect the font family
* Font Size – establish caption text size
* Font Color – Set the color for your captions
* Font Style – select which one you need Bold, Italic or Line
* Caption Position Settings
* Position (Pro Option) – choose caption position
* Set the needed padding for you captions in pixels –
Positioning
* Padding Top
* Padding Bottom
* Padding Left
* Padding Right
Don’t forget to Above the Settings click Save to make plugin remember your changes.
Part Three
Then copy the shortcode below the downloaded pics and insert it inside your post or page text editor and publish. And the Slider is done!
Cooperation
We invite plugin developers and agencies to collaborate.
At the moment, we have successful experience with WooBeWoo plugins developers.
Together, we carried out integration with plugins:
WooCommerce Product Table plugin https://woobewoo.com/plugins/table-woocommerce-plugin/
WooCommerce Product Filter plugin https://woobewoo.com/plugins/woocommerce-filter/
WooCommerce Currency Switcher https://wordpress.org/plugins/woo-currency/
We will be happy to answer all proposals for integration and cooperation!

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Comparison Slider」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.2 |

延伸相關外掛（你可能也想知道）

文章
Filter
Apply Filters
Close
Mastodon