內容簡介
Conobe Before & After Image Slider 是一款簡單易用的外掛，讓使用者能夠輕鬆創建美觀的前後對比滑塊。透過直觀的視覺生成器，使用者可以自訂滑塊的各種參數，並將其嵌入到任何文章或頁面中。
【主要功能】
• 直觀的視覺生成器
• 可點擊的滑塊功能
• 自訂標籤文字與顏色
• 水平與垂直顯示選擇
• 自訂分隔條與滑塊手柄樣式
• 支援多種尺寸與長寬比設定
外掛標籤
開發者團隊
② 後台搜尋「Conobe Before & After Image Slider」→ 直接安裝（推薦）
原文外掛簡介
Creating a beautiful Before & After slider couldn’t be any simpler.
You can create sliders in one of two ways:
Before & After > Generator — a dedicated admin page with a full visual builder: pick your Before and After media, choose horizontal or vertical orientation, customise the divider bar colour/width, the handle size/colours, pick an icon, set label text and colours, corner radius, drop shadow, aspect ratio and width — all with a live drag-to-compare preview. Click “Generate Shortcode” and copy the result anywhere.
Classic editor button — a “Before & After Slider” button appears next to “Add Media” on the post/page edit screen. It opens the same generator in a modal and inserts the shortcode at your cursor.
That’s it! — everything is delivered as one shortcode you can drop into any post, page, widget, block or template that runs shortcodes.
Features
✅ Clickable Slider – Click anywhere on the slider to reveal image areas without dragging.
✅ Slider Movement on Mouse Hover – Toggle on/off to let the slider handle follow mouse movement automatically.
✅ Customizable Labels – Turn ‘Before’ and ‘After’ labels on or off, edit label text, and customize text and background colors.
✅ Horizontal & Vertical Orientation – Choose whether the slider reveals content left-to-right or top-to-bottom.
✅ Default Start Positions – Set a custom starting offset percentage for the slider handle.
✅ Dimensions & Aspect Ratios – Define width in px, %, or auto, and lock aspect ratios (16:9, 4:3, 1:1, 21:9, 3:4) for consistent formatting.
✅ Styling Adjustments – Fine-tune corner radius and drop shadow effects for the slider container.
✅ Customizable Divider & Handle – Customize divider bar color/width, handle size/background/border, icon color, and choose from 5 preset icons (or remove the icon entirely).
✅ Simple Visual Generator – Built-in visual builder with instant preview and automatic shortcode generation—no code or development knowledge required.
✅ Media & Widget Integration – Fully compatible with the standard WordPress Media Library and dedicated WordPress widgets.
✅ SEO & Speed Optimized – Set image alt tags, enable lazy loading, and use responsive srcset output.
✅ Page Builder Support – Works seamlessly via shortcodes in Gutenberg, Elementor, WPBakery, Divi, and any page builder that accepts shortcodes.
✅ Unlimited Sliders – Create as many standard sliders as you need.
🚀 PRO Upgrades
✅ (PRO) – Grouped Sliders: Build responsive slider grids or columns (e.g., 3×3 grids for 9 sliders) with shortcode support and customizable grid options (column counts, CTA buttons, and styling).
✅ (PRO) – Filterable Groups: Assign child groups to parent groups to display interactive filter buttons above your slider grids.
✅ (PRO) – Saved & Searchable Sliders: Save sliders in the WordPress dashboard for quick updates and search through saved items.
✅ (PRO) – Video Sliders: Create before-and-after transitions using two synchronized videos or a mix of images and video.
✅ (PRO) – Embed Video Sliders: Use YouTube, Vimeo, or third-party embed codes instead of self-hosted video files.
✅ (PRO) – Single Image Sliders: Apply CSS transformation filters (grayscale, invert, saturation, brightness, opacity, sepia, contrast) to a single image.
✅ (PRO) – Custom Watermarks: Upload custom watermark images, toggle them on or off, and position them in one of 9 placement zones.
✅ (PRO) – Scrollable Slider: Tie the reveal transition directly to page scrolling so the image unfolds as visitors scroll down.
✅ (PRO) – Auto Slider: Automatically slide back and forth with customizable duration and looping options.
✅ (PRO) – Label Positioning: Advanced placement controls for ‘Before’ and ‘After’ text labels.
✅ (PRO) – Custom CSS: Save custom CSS styling rules individually on a per-slider basis.
✅ (PRO) – Plugin Updates & Priority Support: Access all plugin updates and priority technical support throughout your active license period.
Credits
This plugin is created and maintained by Conobe.
