Title: Sleek Compare
Author: Tim Normington
Published: <strong>17.03.2026</strong>
Last modified: 26.03.2026

---

Поиск плагинов

![](https://ps.w.org/sleek-compare/assets/banner-772x250.png?rev=3484845)

![](https://ps.w.org/sleek-compare/assets/icon-256x256.png?rev=3484845)

# Sleek Compare

 Автор: [Tim Normington](https://profiles.wordpress.org/timjnormington/)

[Скачать](https://downloads.wordpress.org/plugin/sleek-compare.1.0.1.zip)

 * [Детали](https://ru.wordpress.org/plugins/sleek-compare/#description)
 * [Отзывы](https://ru.wordpress.org/plugins/sleek-compare/#reviews)
 *  [Установка](https://ru.wordpress.org/plugins/sleek-compare/#installation)
 * [Разработка](https://ru.wordpress.org/plugins/sleek-compare/#developers)

 [Поддержка](https://wordpress.org/support/plugin/sleek-compare/)

## Описание

Sleek Compare is a lightweight before/after image comparison slider for WordPress.
Built with performance in mind — no jQuery, no FontAwesome, no bloat.

#### Key Features

 * **Ultra-lightweight**: Under 10KB total (JS + CSS combined)
 * **Zero external dependencies**: No jQuery or icon libraries required
 * **Touch-friendly**: Full swipe support for mobile devices
 * **Keyboard accessible**: Arrow keys, Shift+Arrow for 10% jumps, Home/End
 * **Simple shortcode**: Works in classic editor, widgets, and page builders
 * **Lazy loading**: Images and slider initialization deferred until visible
 * **CSS variables**: Easy theming without touching code
 * **No render-blocking resources**: Scripts and styles load conditionally

#### Pro Version

Want Gutenberg block and Elementor widget support? Check out [Sleek Compare Pro](https://products.tnormington.com/sleek-compare)
for:

 * Native Gutenberg block with live preview
 * Full Elementor widget with style controls
 * Custom handle colors
 * Priority email support
 * Lifetime updates

### Usage

#### Shortcode

Basic usage:
 [sleek_compare before=»https://example.com/before.jpg» after=»https://
example.com/after.jpg»]

With all options:
 [sleek_compare before=»https://example.com/before.jpg» after=»
https://example.com/after.jpg» start=»30″ label_before=»Original» label_after=»Enhanced»
show_labels=»true» ]

#### Shortcode Attributes

 * `before` — URL of the before image (required)
 * `after` — URL of the after image (required)
 * `start` — Starting position 0-100 (default: 50)
 * `label_before` — Before label text (default: «Before»)
 * `label_after` — After label text (default: «After»)
 * `show_labels` — Show labels true/false (default: true)

## Скриншоты

 * [[
 * Slider in action on the frontend
 * [[
 * Admin settings page with usage instructions

## Установка

 1. Upload the `sleek-compare` folder to `/wp-content/plugins/`
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Use the shortcode to add sliders to your pages
 4. Visit Settings > Sleek Compare for usage instructions

## Часто задаваемые вопросы

### Does this work with page builders?

Yes, use the shortcode in any page builder that supports shortcodes.

### Is it mobile friendly?

Absolutely. Full touch/swipe support with optimized touch targets.

### Is it accessible?

Yes. Full keyboard navigation and screen reader support.

### How do I get Gutenberg block or Elementor widget support?

The Pro version includes these features. Visit [products.tnormington.com/sleek-compare](https://products.tnormington.com/sleek-compare)
to upgrade.

## Отзывы

Нет отзывов об этом плагине.

## Участники и разработчики

«Sleek Compare» — проект с открытым исходным кодом. В развитие плагина внесли свой
вклад следующие участники:

Участники

 *   [ Tim Normington ](https://profiles.wordpress.org/timjnormington/)

[Перевести «Sleek Compare» на ваш язык.](https://translate.wordpress.org/projects/wp-plugins/sleek-compare)

### Заинтересованы в разработке?

[Посмотрите код](https://plugins.trac.wordpress.org/browser/sleek-compare/), проверьте
[SVN репозиторий](https://plugins.svn.wordpress.org/sleek-compare/), или подпишитесь
на [журнал разработки](https://plugins.trac.wordpress.org/log/sleek-compare/) по
[RSS](https://plugins.trac.wordpress.org/log/sleek-compare/?limit=100&mode=stop_on_copy&format=rss).

## Журнал изменений

#### 1.0.1

 * Added upgrade banner with Pro feature highlights and step-by-step upgrade instructions
 * Added FAQ entry for upgrading from Lite to Pro

#### 1.0.0

 * Initial release

## Мета

 *  Версия **1.0.1**
 *  Обновление: **2 недели назад**
 *  Активных установок: **Менее 10**
 *  Версия WordPress ** 5.8 или выше **
 *  Совместим вплоть до: **6.9.4**
 *  Версия PHP ** 7.4 или выше **
 *  Язык
 * [English (US)](https://wordpress.org/plugins/sleek-compare/)
 * Метки:
 * [before after](https://ru.wordpress.org/plugins/tags/before-after/)[compare images](https://ru.wordpress.org/plugins/tags/compare-images/)
   [gutenberg](https://ru.wordpress.org/plugins/tags/gutenberg/)[image comparison](https://ru.wordpress.org/plugins/tags/image-comparison/)
   [slider](https://ru.wordpress.org/plugins/tags/slider/)
 *  [Дополнительно](https://ru.wordpress.org/plugins/sleek-compare/advanced/)

## Оценки

Пока что нет ни одного отзыва.

[Your review](https://wordpress.org/support/plugin/sleek-compare/reviews/#new-post)

[Посмотреть всеотзывы](https://wordpress.org/support/plugin/sleek-compare/reviews/)

## Участники

 *   [ Tim Normington ](https://profiles.wordpress.org/timjnormington/)

## Поддержка

Есть что сказать? Нужна помощь?

 [Перейти в форум поддержки](https://wordpress.org/support/plugin/sleek-compare/)

## Пожертвование

Хотите поддержать улучшение этого плагина?

 [ Пожертвовать на развитие плагина ](https://products.tnormington.com/sleek-compare)