Title: AN|DES – Before After Image Slider
Author: BelleWeb Studio
Published: <strong>16 جولای 2026</strong>
Last modified: 24 آگوست 2026

---

جستجوی افزونه‌ها

![](https://ps.w.org/andes-de-belleweb/assets/banner-772x250.gif?rev=3630992)

![](https://ps.w.org/andes-de-belleweb/assets/icon-256x256.gif?rev=3623721)

# AN|DES – Before After Image Slider

 توسط [BelleWeb Studio](https://profiles.wordpress.org/bellewebstudio/)

[دانلود](https://downloads.wordpress.org/plugin/andes-de-belleweb.0.1.27.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/andes-de-belleweb/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/andes-de-belleweb/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/andes-de-belleweb/#installation)
 * [توسعه](https://fa.wordpress.org/plugins/andes-de-belleweb/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/andes-de-belleweb/)

## توضیحات

AN|DES is a responsive Before After Image Slider and Image Comparison Slider plugin
for WordPress. It helps beauty salons, wellness centers, hair salons, aesthetic 
clinics, dentists, and other businesses present visual results clearly without writing
code.

The visual editor lets you select images from the WordPress media library, configure
labels and appearance, choose a layout and movement direction, and preview the result
before publishing. You can create individual comparisons and comparison galleries,
insert them with shortcodes, and present them across desktop, tablet, and mobile
screens.

#### Main features

 * Visual editor for creating and managing comparisons.
 * Responsive layouts for desktop, tablet, and mobile.
 * Individual comparisons and basic comparison galleries.
 * Reusable shortcodes for pages, posts, and other areas that accept shortcodes.
 * Horizontal, vertical, and square display formats.
 * Left-to-right and top-to-bottom slider movement.
 * Configurable Before and After labels, colors, border radius, and divider appearance.
 * Image selection through the WordPress media library.
 * Admin preview and quick preview from the comparison list.
 * Notice when the two images do not share the same proportion.
 * Frontend assets load only on pages that contain a supported shortcode.

#### Use cases

AN|DES is designed for businesses that need to explain visual changes clearly. Beauty
salons can present treatment results, hair salons can compare styles or color work,
wellness and aesthetic centers can organize client-authorized images, and dental
practices or other professionals can publish visual comparisons managed on their
own WordPress site.

#### Shortcodes

    ```
    [andes id="123"]
    ```

Displays one comparison. Replace `123` with the comparison ID shown in the WordPress
admin.

    ```
    [andes_gallery]
    ```

Displays a basic gallery of published comparisons.

#### Legacy aliases

    ```
    [bellebefore id="123"]

    [bellebefore_gallery]
    ```

These aliases remain available for compatibility with existing content.

#### Privacy and Client Images

AN|DES lets site owners publish before-and-after images on their own WordPress site.
If images include identifiable people, the site owner is responsible for having 
the appropriate permission to publish them.

AN|DES does not send client images or usage data to BelleWeb or other external servers.
Images remain in the WordPress media library and are handled by the website owner’s
WordPress installation. The plugin does not include telemetry or load remote SDKs
or resources.

## عکس‌های صفحه

[⌊AN|DES dashboard with quick access to create and manage comparisons.⌉⌊AN|DES dashboard
with quick access to create and manage comparisons.⌉[

AN|DES dashboard with quick access to create and manage comparisons.

[⌊Editor with preview, format, slider movement, and global slider style settings.⌉⌊
Editor with preview, format, slider movement, and global slider style settings.⌉[

Editor with preview, format, slider movement, and global slider style settings.

[⌊Visual format and movement selector.⌉⌊Visual format and movement selector.⌉[

Visual format and movement selector.

[⌊Comparison list with cards, shortcode, and primary actions.⌉⌊Comparison list with
cards, shortcode, and primary actions.⌉[

Comparison list with cards, shortcode, and primary actions.

[⌊Basic gallery with several before-and-after comparisons.⌉⌊Basic gallery with several
before-and-after comparisons.⌉[

Basic gallery with several before-and-after comparisons.

[⌊Frontend example of a before-and-after comparison.⌉⌊Frontend example of a before-
and-after comparison.⌉[

Frontend example of a before-and-after comparison.

## نصب

 1. Upload the `andes-de-belleweb` folder to the `/wp-content/plugins/` directory.
 2. Activate AN|DES from the WordPress Plugins screen.
 3. Create a comparison from the AN|DES menu in the WordPress admin.
 4. Add `[andes id="123"]` to a page, replacing `123` with the comparison ID.
 5. Add `[andes_gallery]` to display a basic gallery of published comparisons.

## سوالات متداول

### What can I create with AN|DES?

You can create individual before-and-after comparisons and basic galleries of published
comparisons.

### Do I need to write code?

No. Configure the comparison in the visual editor, then insert it where you want
it with a shortcode.

### Is the comparison responsive?

Yes. The comparison adapts to desktop, tablet, and mobile screens.

### How do I add a comparison to a page?

Add `[andes id="123"]` to a page, post, or other area that accepts shortcodes, replacing`
123` with the comparison ID shown in the WordPress admin.

### Are the old BelleBefore shortcodes still supported?

Yes. `[bellebefore id="123"]` and `[bellebefore_gallery]` remain available as compatibility
aliases for existing content.

### Does AN|DES send client images or usage data to BelleWeb?

No. AN|DES does not send client images or usage data to BelleWeb. Images remain 
in the WordPress media library and are handled by the website owner’s WordPress 
installation.

### Can I use different colors for each comparison?

In this Lite version, visual colors and slider style settings are global and apply
to all comparisons.

### Does it include a reminder about client image authorization?

Yes. The admin interface includes a discreet reminder to make sure you have permission
before publishing client images.

## نقد و بررسی‌ها

![](https://secure.gravatar.com/avatar/2a360d8fe4bb59c04e7a5137160ec5a9a9c30a519c76314fcf76696aefd44b77?
s=60&d=retro&r=g)

### 󠀁[Me ha gustado mucho](https://wordpress.org/support/topic/me-ha-gustado-mucho-3/)󠁿

 [beligy](https://profiles.wordpress.org/beligy/) 22 جولای 2026

Muy sencilla de utilizar, esperando la versión pro

 [ خواندن تمامی 1 نقد و بررسی‌ ](https://wordpress.org/support/plugin/andes-de-belleweb/reviews/)

## توسعه دهندگان و همکاران

“AN|DES – Before After Image Slider” نرم افزار متن باز است. افراد زیر در این افزونه
مشارکت کرده‌اند.

مشارکت کنندگان

 *   [ BelleWeb Studio ](https://profiles.wordpress.org/bellewebstudio/)

“AN|DES – Before After Image Slider” به 1 زبان ترجمه شده است. با تشکر از [مترجمین](https://translate.wordpress.org/projects/wp-plugins/andes-de-belleweb/contributors)
برای همکاری و کمک‌هایشان.

[ترجمه “AN|DES – Before After Image Slider” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/andes-de-belleweb)

### علاقه‌ مند به توسعه هستید؟

[کد را مرور کنید](https://plugins.trac.wordpress.org/browser/andes-de-belleweb/)،
[مخزن SVN](https://plugins.svn.wordpress.org/andes-de-belleweb/) را بررسی کنید، 
یا از طریق [RSS](https://plugins.trac.wordpress.org/log/andes-de-belleweb/?limit=100&mode=stop_on_copy&format=rss)
در [گزارش توسعه](https://plugins.trac.wordpress.org/log/andes-de-belleweb/) مشترک
شوید.

## گزارش تغییرات

#### 0.1.27

 * Confirmed compatibility with WordPress 7.1.
 * Removed the redundant manual translation-loading call so WordPress.org language
   packs use WordPress core loading.

#### 0.1.26

 * Improved the WordPress.org description, FAQ, shortcode formatting, and screenshot
   captions.

#### 0.1.25

 * Improved the public plugin name and description for clearer discovery in the 
   WordPress.org directory.

#### 0.1.24

 * Fixed the admin dashboard responsive layout.

#### 0.1.23

 * Refined the WordPress.org plugin description.

#### 0.1.22

 * Updated source strings for WordPress.org translations.

#### 0.1.21

 * Improved WordPress.org discovery tags.

#### 0.1.20

 * Restored the real AN|DES SVG icon in the WordPress admin menu.

#### 0.1.19

 * Fixed readme formatting for the public plugin page.
 * Updated the admin menu icon to use a clean monochrome SVG.
 * Added activate and deactivate actions for comparisons using native WordPress 
   publish and draft statuses.

#### 0.1.18

 * Removed unused internal gallery query logic from the Lite distribution.

#### 0.1.17

 * Added a defer loading strategy to the frontend slider script.

#### 0.1.16

 * Removed unused admin screen remnants from the Lite distribution.

#### 0.1.15

 * Addressed WordPress.org pre-review feedback.

#### 0.1.14

 * Fixed frontend image layer alignment by rendering comparison images at full size
   and locking both slider layers to identical layout rules.

#### 0.1.13

 * Cleaned up remaining Plugin Check variable prefix warnings.

#### 0.1.12

 * Updated the WordPress.org text domain and package root to match the assigned 
   plugin slug.
 * Updated the WordPress.org readme to English.
 * Fixed Plugin Check blocking issues for the admin copy module and frontend asset
   detection.

#### 0.1.11

 * Minor welcome screen alignment and overflow fixes before WordPress.org review.

#### 0.1.10

 * Minor adjustments before WordPress.org review.

#### 0.1.9

 * Redesigned the admin experience for clearer before-and-after creation.
 * Reorganized the editor with preview, format, slider movement, and global slider
   style settings.
 * Focused the Lite experience on creating and publishing complete before-and-after
   comparisons.
 * Improved buttons, color palette, and slider color preview.
 * Maintained compatibility for new shortcodes and legacy aliases.

#### 0.1.8

 * Added square visual-format cards.

#### 0.1.7

 * Fixed primary button visibility on the welcome screen.

#### 0.1.6

 * Restored the previous data and visual-format section.

#### 0.1.5

 * Stopped showing the internal comparison name automatically on the frontend.

#### 0.1.4

 * Reorganized the initial editor section into two real columns.

#### 0.1.3

 * Adjusted the format selector into a two-column text and image composition.

#### 0.1.2

 * Redesigned the visual format selector in the editor.

#### 0.1.1

 * Admin visual adjustments and asset versioning for QA.

#### 0.1.0

 * Initial plugin base with individual shortcode and basic gallery.

## اطلاعات

 *  نگارش **0.1.27**
 *  آخرین به‌روزرسانی **3 هفته پیش**
 *  نصب‌های فعال **کمتر از 10**
 *  نگارش وردپرس ** 6.0 یا بالاتر **
 *  آزمایش‌شده تا **7.1**
 *  نگارش PHP ** 7.4 یا بالاتر **
 *  زبان‌ها
 * [English (US)](https://wordpress.org/plugins/andes-de-belleweb/) و [Spanish (Spain)](https://es.wordpress.org/plugins/andes-de-belleweb/).
 *  [به زبان خودتان ترجمه کنید](https://translate.wordpress.org/projects/wp-plugins/andes-de-belleweb)
 * برچسب
 * [before after](https://fa.wordpress.org/plugins/tags/before-after/)[before after slider](https://fa.wordpress.org/plugins/tags/before-after-slider/)
   [image comparison](https://fa.wordpress.org/plugins/tags/image-comparison/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/andes-de-belleweb/advanced/)

## امتیازها

 5 از 5 ستاره.

 *  [  امتیاز 1 5-ستاره     ](https://wordpress.org/support/plugin/andes-de-belleweb/reviews/?filter=5)
 *  [  امتیاز 0 4-ستاره     ](https://wordpress.org/support/plugin/andes-de-belleweb/reviews/?filter=4)
 *  [  امتیاز 0 3-ستاره     ](https://wordpress.org/support/plugin/andes-de-belleweb/reviews/?filter=3)
 *  [  امتیاز 0 2-ستاره     ](https://wordpress.org/support/plugin/andes-de-belleweb/reviews/?filter=2)
 *  [  امتیاز 0 1-ستاره     ](https://wordpress.org/support/plugin/andes-de-belleweb/reviews/?filter=1)

[بررسی شما](https://wordpress.org/support/plugin/andes-de-belleweb/reviews/#new-post)

[مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/andes-de-belleweb/reviews/)

## مشارکت کنندگان

 *   [ BelleWeb Studio ](https://profiles.wordpress.org/bellewebstudio/)

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/andes-de-belleweb/)