Title: Side by Side
Author: damiarita
Published: <strong>27 نومبر 2015</strong>
Last modified: 14 نومبر 2017

---

پلگ انس ڳولھيو

ھي پلگ ان **WordPress جي جديد 3 وڏين رليزز** سان آزمايو نه ويو آھي. اهو ٿي سگهي 
ٿو وڌيڪ برقرار يا سپورٽ نه ٿي سگهي ۽ ٿي سگهي ٿو مطابقت جا مسئلا جڏهن ورڈپریس جي 
وڌيڪ تازي ورزن سان استعمال ڪيو وڃي.

![](https://s.w.org/plugins/geopattern-icon/side-by-side.svg)

# Side by Side

 کان: [damiarita](https://profiles.wordpress.org/damiarita/)

[ڊائون لوڊ ڪريو](https://downloads.wordpress.org/plugin/side-by-side.zip)

 * [تفصيل](https://snd.wordpress.org/plugins/side-by-side/#description)
 * [جائزو](https://snd.wordpress.org/plugins/side-by-side/#reviews)
 *  [تنصيب](https://snd.wordpress.org/plugins/side-by-side/#installation)
 * [ترقي](https://snd.wordpress.org/plugins/side-by-side/#developers)

 [سھائتا](https://wordpress.org/support/plugin/side-by-side/)

## وضاحت

This plugin allows you to put two images next to each other. When you move your 
mouse over them, the line that separates them will move with it! It’s perfect to
compare “before” and “now” images.

This plugin will use jQuery to detect when your mouse gets into the box and move
the white bar with it.

Simply use the shortcodes like this:
 [sidebyside] [sidebyside-left] Put here whatever
content you want to be on the left side [/sidebyside-left]

    ```
      [sidebyside-right]
        This is the place for the content that goes to the right
      [/sidebyside-right]
    [/sidebyside]
    ```

#### What should I put in the shortcodes?

You can put whatever you want.

My suggestion is that you put two images with the same height

#### Is it responsive?

Yes!

All CSS properties are written with responsive design in mind. So it will look good
in all kind of screen sizes.

## تصوير

 * [[
 * Default view of two pictures.
 * [[
 * Once I move the mouse over the images, the separating bar moves with it.

## انسٽاليشن

 1. On the left side menu select Plugins > Add New
 2. In “Search Plugins” field enter “side by side” and search
 3. Press “Install Now” button of the “side by side”

## FAQ

  Installation Instructions

 1. On the left side menu select Plugins > Add New
 2. In “Search Plugins” field enter “side by side” and search
 3. Press “Install Now” button of the “side by side”

  Do I need to be a programmer?

No! All you need to do is using these shortcodes:

    ```
    [sidebyside]
      [sidebyside-left]
        Put here whatever content you want to be on the left side
      [/sidebyside-left]

      [sidebyside-right]
        This is the place for the content that goes to the right
      [/sidebyside-right]
    [/sidebyside]
    ```

  What should I put in the shortcodes?

You can put whatever you want.

My suggestion is that you put two images with the same height

  Is it responsive?

Yes!

All CSS properties are written with responsive design in mind. So it will look good
in all kind of screen sizes.

## جائزا

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

### 󠀁[It works, nice plugin](https://wordpress.org/support/topic/it-works-nice-plugin/)󠁿

 [lukejr](https://profiles.wordpress.org/lukejr/) 18 جُولاءِ 2017 1 reply

A useful plugin if you want the user to be able to see images side by side

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

### 󠀁[It works great for me!](https://wordpress.org/support/topic/it-works-great-for-me-2/)󠁿

 [damiarita](https://profiles.wordpress.org/damiarita/) 3 سيپٽمبر 2016

I have had no troubles since I developed the plugin. I you had some, please, let
me know!

 [ جمع: سڀ 2 تبصرا پڙهو ](https://wordpress.org/support/plugin/side-by-side/reviews/)

## تعاون ڪندڙ & ڊولپرز

“Side by Side” اوپن سورس سافٽ ويئر آهي. ھيٺين ماڻھن ھن پلگ ان ۾ حصو ورتو آھي.

تعاون ڪندڙ

 *   [ damiarita ](https://profiles.wordpress.org/damiarita/)

[ترجمو ڪريو “Side by Side” توهان جي ٻولي ۾.](https://translate.wordpress.org/projects/wp-plugins/side-by-side)

### ڊولپمينٽ ۾ دلچسپي؟

[ڪوڊ براؤز ڪريو](https://plugins.trac.wordpress.org/browser/side-by-side/)، چيڪ 
ڪريو [SVN مخزن](https://plugins.svn.wordpress.org/side-by-side/)، يا رڪنيت حاصل 
ڪريو [ڊولپمينٽ لاگ](https://plugins.trac.wordpress.org/log/side-by-side/) پاران 
[RSS](https://plugins.trac.wordpress.org/log/side-by-side/?limit=100&mode=stop_on_copy&format=rss).

## لاگ تبدیل ڪريو

=1.0.2=
 *Minified script is loaded by default. Non minified if SCRIPT_DEBUG is 
set to true

=1.0.1=
 *Script is loaded in the footer

#### 1.0.0

 * First release

## ميٽا

 *  Version **1.0.2**
 *  Last updated **8 سالَ اڳ**
 *  Active installations **30+**
 *  WordPress version ** 1.0.2 يا وڌيڪ **
 *  Tested up to **4.8.28**
 *  Language
 * [English (US)](https://wordpress.org/plugins/side-by-side/)
 * Tags
 * [css](https://snd.wordpress.org/plugins/tags/css/)[javascript](https://snd.wordpress.org/plugins/tags/javascript/)
   [jquery](https://snd.wordpress.org/plugins/tags/jquery/)[shortcode](https://snd.wordpress.org/plugins/tags/shortcode/)
   [style](https://snd.wordpress.org/plugins/tags/style/)
 *  [ترقي يافته ڏيک](https://snd.wordpress.org/plugins/side-by-side/advanced/)

## درجه بندي

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/side-by-side/reviews/?filter=1)

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

[See all reviews](https://wordpress.org/support/plugin/side-by-side/reviews/)

## تعاون ڪندڙ

 *   [ damiarita ](https://profiles.wordpress.org/damiarita/)

## سھائتا

چوڻ لاءِ ڪجهه آهي؟ مدد گهرجي؟

 [ڏسو سپورٽ فورم](https://wordpress.org/support/plugin/side-by-side/)