Exindium Before/After Compare
| 开发者 | exindium |
|---|---|
| 更新时间 | 2026年10月5日 03:55 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Live Visual Editor: Preview slider changes instantly while editing, including a single-image preview before the comparison is complete.
- Zero jQuery Dependency: Built with lightweight Vanilla JavaScript.
- Horizontal & Vertical Modes: Create left/right or top/bottom image comparisons.
- Handle Themes & Styles: Choose Light or Dark divider themes and Classic (Circle) or Modern (Pill) handle styles.
- Modern Label Styles: Choose Solid, Semi-Transparent, or Glass label backgrounds.
- Custom Initial Position: Set the slider handle starting position from 0% to 100%.
- Responsive Layout: Sliders adapt to different screen sizes and support touch interaction.
- Keyboard Navigation: Slider handles can be controlled using the keyboard arrow keys.
- Accessibility Features: Includes ARIA slider attributes, orientation information, keyboard controls, and accessible labels.
- Custom Dashboard: Manage, edit, duplicate, and delete sliders from a dedicated admin screen, with automatic pagination for larger slider libraries.
- Customizable UI: Adjust aspect ratio, border radius, label alignment, label visibility, and font size.
- Shortcode Driven: Place sliders anywhere WordPress shortcodes are supported.
- Multiple Sliders Per Page: Use multiple independent comparison sliders on the same page.
- WPML & Polylang Support: Translate custom Before and After labels on multilingual sites.
安装:
- Upload the
exindium-before-after-comparefolder to the/wp-content/plugins/directory, or install the plugin through the WordPress plugins screen. - Activate the plugin through the "Plugins" screen in WordPress.
- Navigate to "B/A Sliders" in the WordPress admin sidebar.
- Click "+ Create New Slider".
- Select both Before and After images and customize the slider.
- Save the slider.
- Copy the generated shortcode, for example
[exbac_before_after id="123"], and paste it into any post, page, widget, or page builder shortcode element.
屏幕截图:
常见问题:
Do I need to know how to code to use this?
No. The plugin includes a visual editor where you can upload images and configure the slider using standard controls. Once saved, copy the generated shortcode and place it wherever you want the slider to appear.
Will this plugin slow down my website?
The plugin is designed to remain lightweight. The frontend uses Vanilla JavaScript with no jQuery dependency, and its frontend assets are only enqueued when a slider shortcode is rendered.
Does it work with my page builder?
Yes. Exindium Before/After Compare uses a standard WordPress shortcode, so it can be used with Gutenberg and most page builders or themes that provide a shortcode block, widget, or element. Example: [exbac_before_after id="123"]
Can I use multiple sliders on the same page?
Yes. Multiple slider shortcodes can be placed on the same page and each slider operates independently.
Is the slider mobile-friendly?
Yes. Sliders are responsive and support touch dragging on phones and tablets. Horizontal and vertical slider modes are both supported.
Does the slider support keyboard navigation?
Yes. The slider handle can receive keyboard focus and can be moved using the arrow keys.
Can I translate the "Before" and "After" labels?
Yes. You can define custom labels directly in the slider editor. On multilingual websites, the plugin integrates with WPML String Translation and Polylang Strings so those labels can be translated per language.
What happens to my sliders if I deactivate or delete the plugin?
Deactivating the plugin does not delete your slider data. By default, your sliders and settings are also preserved if the plugin is deleted. This allows your existing sliders to become available again if the plugin is reinstalled later. You can change this behavior from the Settings modal in the B/A Sliders dashboard. Choose "Keep Slider Data" to preserve your sliders and settings after deletion, or choose "Delete Data on Uninstall" to permanently remove them when the plugin is deleted.
更新日志:
- Added a consistent admin header across the slider dashboard and editor.
- Improved the dashboard toolbar with a slider count indicator and refined layout.
- Redesigned the editor toolbar with a more compact workflow and easier access to key actions.
- Added instant slider saving without page reloads, including immediate shortcode generation for new sliders.
- Added portrait aspect ratios: 3:4 and 9:16.
- Improved dashboard pagination layout and various admin interface details.
- Improved responsive behavior and visual consistency across the admin interface.
- Improved the plugin dashboard with a refreshed interface and streamlined slider creation workflow.
- Added visual slider previews inside the Elementor editor.
- Improved multilingual integration for custom Before and After labels.
- Updated internal plugin identifiers and shortcode naming for consistency with Exindium Before/After Compare.
- General code and interface improvements.
- Initial release.