Title: Side by Side
Author: damiarita
Published: <strong>27 Tháng mười một, 2015</strong>
Last modified: 14 Tháng mười một, 2017

---

Tìm kiếm plugin

Plugin này **chưa được cập nhật với 3 phiên bản mới nhất của WordPress**. Nó có 
thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress
mới nhất.

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

# Side by Side

 Bởi [damiarita](https://profiles.wordpress.org/damiarita/)

[Tải về](https://downloads.wordpress.org/plugin/side-by-side.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/side-by-side/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/side-by-side/#reviews)
 *  [Cài đặt](https://vi.wordpress.org/plugins/side-by-side/#installation)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/side-by-side/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/side-by-side/)

## Mô tả

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.

## Ảnh màn hình

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

## Cài đặt

 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”

## Hỏi đáp

  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.

## Đánh giá

![](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 Tháng 7, 2017 1 trả lời

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 Tháng 9, 2016

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

 [ Đọc tất cả 2 đánh giá ](https://wordpress.org/support/plugin/side-by-side/reviews/)

## Người đóng góp & Lập trình viên

“Side by Side” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

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

[Dịch “Side by Side” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/side-by-side)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/side-by-side/), check out
[SVN repository](https://plugins.svn.wordpress.org/side-by-side/), hoặc theo dõi
[nhật ký phát triển](https://plugins.trac.wordpress.org/log/side-by-side/) qua [RSS](https://plugins.trac.wordpress.org/log/side-by-side/?limit=100&mode=stop_on_copy&format=rss).

## Nhật ký thay đổi

=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

## Meta

 *  Phiên bản **1.0.2**
 *  Cập nhật lần cuối **8 năm trước**
 *  Số lượt cài đặt **30+**
 *  Phiên bản WordPress ** 1.0.2 hoặc cao hơn **
 *  Đã kiểm tra lên đến **4.8.28**
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/side-by-side/)
 * Thẻ
 * [css](https://vi.wordpress.org/plugins/tags/css/)[javascript](https://vi.wordpress.org/plugins/tags/javascript/)
   [jquery](https://vi.wordpress.org/plugins/tags/jquery/)[shortcode](https://vi.wordpress.org/plugins/tags/shortcode/)
   [style](https://vi.wordpress.org/plugins/tags/style/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/side-by-side/advanced/)

## Đánh giá

 5 trên 5 sao.

 *  [  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)

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/side-by-side/reviews/)

## Những người đóng góp

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

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/side-by-side/)