Title: Block Editor: Reverse Columns on Mobile
Author: Mickaël Larguier
Published: <strong>2025년 1월 15일</strong>
Last modified: 2026년 8월 24일

---

플러그인 검색

![](https://ps.w.org/block-editor-columns-reverse/assets/banner-772x250.png?rev=
3222810)

![](https://ps.w.org/block-editor-columns-reverse/assets/icon-256x256.png?rev=3222810)

# Block Editor: Reverse Columns on Mobile

 작성자: [Mickaël Larguier](https://profiles.wordpress.org/mickaellrg/)

[다운로드](https://downloads.wordpress.org/plugin/block-editor-columns-reverse.1.0.14.zip)

 * [세부사항](https://ko.wordpress.org/plugins/block-editor-columns-reverse/#description)
 * [평가](https://ko.wordpress.org/plugins/block-editor-columns-reverse/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/block-editor-columns-reverse/#installation)
 * [개발](https://ko.wordpress.org/plugins/block-editor-columns-reverse/#developers)

 [지원](https://wordpress.org/support/plugin/block-editor-columns-reverse/)

## 설명

This plugin adds a “Reverse on Mobile” option to the Columns, Row, Stack and Media&
Text blocks in the WordPress Gutenberg block editor.

A common layout challenge: you have two columns on desktop, image on the right, 
text on the left. On mobile, they stack vertically, but the image ends up below 
the text. With this plugin, you can reverse the stacking order so the image appears
first, without touching your desktop layout.

Simply enable the “Reverse on Mobile” toggle in the block settings and the order
is automatically adjusted on small screens.

If this plugin saves you time, [buy me a coffee ☕](https://ko-fi.com/mickaellrg)
or [leave a ★★★★★ review](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/#new-post).
It really helps!

## 스크린샷

[⌊Enabling and disabling the "Reverse on Mobile" option in the block settings panel.⌉⌊
Enabling and disabling the "Reverse on Mobile" option in the block settings panel
.⌉[

Enabling and disabling the “Reverse on Mobile” option in the block settings panel.

## 설치

 1. Download the plugin.
 2. Unzip the downloaded file.
 3. Upload the `block-editor-columns-reverse` folder to the `/wp-content/plugins/` 
    directory.
 4. Activate the plugin through the ‘Plugins’ menu in WordPress.

## FAQ

### Which blocks are supported?

The `core/columns`, `core/group` (flex layouts), and `core/media-text` blocks are
supported.

### How do I enable the “Reverse on Mobile” option?

In the block editor, select a Columns, Row, Stack or Media & Text block, then go
to the block settings in the sidebar. You will see an option to “Reverse on Mobile”.

Note: For Row blocks, the option only takes effect once “Allow to wrap to multiple
lines” is enabled in the Layout settings, since a single-line row has nothing to
reverse. In WordPress 7.1 that setting is hidden by default: open the ⋮ menu of 
the Layout panel and tick “Wrapping”.

### Does this plugin affect accessibility?

This plugin changes the visual order of blocks on mobile using CSS, but does not
change the DOM order. Screen readers and keyboard navigation follow the DOM order,
not the visual order. For purely decorative reordering (image + text), this is generally
not an issue. For content where order has semantic meaning (numbered steps, forms),
use with caution.

### What is the breakpoint for the mobile view?

The mobile view breakpoint is set at less than 782px, matching the one used for 
the `core/columns` block. When the screen width is 781px or smaller, columns will
reverse their order if the “Reverse on Mobile” option is enabled.

For the `core/media-text` block, the default breakpoint is 600px or below.

## 후기

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

### 󠀁[Great plugin, very useful](https://wordpress.org/support/topic/great-plugin-very-useful-62/)󠁿

 [Emilie LEBRUN](https://profiles.wordpress.org/emlebrun/) 2025년 12월 19일

This plugin is exactly what I was looking for for my client's website. It adds perfect
features to adapt blocks for mobile devices, making responsive design so much easier.
I recommend this plugin 3000%! Not only does it work flawlessly, but the plugin 
creator is helpful when you have questions. The excellent support combined with 
the plugin's functionality makes this an absolute must-have. Definitely deserves
all 5 stars!

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

### 󠀁[Exactly what I needed](https://wordpress.org/support/topic/exactly-what-i-needed-1002/)󠁿

 [chappers1972](https://profiles.wordpress.org/chappers1972/) 2025년 8월 20일

I needed the facility to reverse columns on mobile devices. With a simple toggle,
it does exactly that.

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

### 󠀁[Does one thing, and does it right](https://wordpress.org/support/topic/does-one-thing-and-does-it-right-2/)󠁿

 [shustus](https://profiles.wordpress.org/shustus/) 2025년 8월 10일

Simple & clean. Functionality should be part of the official wordpress release.

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

### 󠀁[Simple plugin that does what needs to be done](https://wordpress.org/support/topic/simple-plugin-that-does-what-needs-to-be-done/)󠁿

 [Bernhard Kau](https://profiles.wordpress.org/kau-boy/) 2025년 6월 15일

A nice little plugin that only does what it needs to do. Very useful for anyone,
who does not want to implement a custom solution or write the CSS code with some
manually attached CSS class into their themes.

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

### 󠀁[works great](https://wordpress.org/support/topic/works-great-9490/)󠁿

 [stasysd](https://profiles.wordpress.org/stasysd/) 2025년 1월 20일

exactly as described: stacks columns on mobile view in reverse

 [ 모든 5 평가 읽기 ](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/)

## 기여자 & 개발자

“Block Editor: Reverse Columns on Mobile”(은)는 오픈 소스 소프트웨어입니다. 다음의
사람들이 이 플러그인에 기여하였습니다.

기여자

 *   [ Mickaël Larguier ](https://profiles.wordpress.org/mickaellrg/)

“Block Editor: Reverse Columns on Mobile”(이)가 1 개 언어로 번역되었습니다. 기여해
주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/block-editor-columns-reverse/contributors)
님께 감사드립니다.

[자국어로 “Block Editor: Reverse Columns on Mobile”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/block-editor-columns-reverse)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/block-editor-columns-reverse/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/block-editor-columns-reverse/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/block-editor-columns-reverse/)
을 [RSS](https://plugins.trac.wordpress.org/log/block-editor-columns-reverse/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.0.14

 * Fixed: Columns containing a block sized by aspect-ratio (Video, Embed, Cover,
   custom blocks) collapsed to zero height on mobile and overlapped the following
   section.

#### 1.0.13

 * Improved: When a Row cannot wrap, the option is shown disabled with guidance 
   on enabling “Allow to wrap to multiple lines” (moved in WordPress 7.1 to the 
   Layout panel’s ⋮ menu, under “Wrapping”).
 * Support for 7.1.X.

#### 1.0.12

 * Fixed: Columns block reverse effect was not visible in the editor due to Gutenberg
   adding `is-nowrap` class internally.
 * Support for 7.0.X.

#### 1.0.11

 * Fixed: Column content overflow when padding is set on columns.

#### 1.0.10

 * Fixed: Stack blocks now correctly reverse only on mobile, desktop layout remains
   unaffected.

#### 1.0.9

 * Improved performance: CSS is now loaded only on pages using the reverse feature.
 * Support for 6.9.X.

#### 1.0.8

 * Fixed: Group Row blocks with wrap disabled (nowrap) no longer display the “Reverse
   on mobile” option in settings.
 * Fixed: Group Row blocks with wrap enabled now use `wrap-reverse` to correctly
   reverse elements when they wrap to multiple lines.
 * Fixed: Horizontal alignment (left/right/center/space-between) is now preserved
   when Row blocks wrap.

#### 1.0.7

 * Support for 6.8.X.

#### 1.0.6

 * Refactor responsive styles.
 * Add support for `core/media-text` breakpoint (<= 600px).

#### 1.0.5

 * Removed the ‘Reverse on mobile’ option in `core/group` when the layout is undefined.

#### 1.0.4

 * Fix: Resolved the issue where ‘Reverse on mobile’ always stacked elements on 
   mobile, even when ‘Stack on mobile’ was turned off.
 * Separated CSS for front-end and editor.

#### 1.0.3

 * Added support for `core/media-text` block.
 * Removed the option when the group block is in the default constrained layout.

#### 1.0.2

 * Improvements to avoid potential conflicts with third-party code.

#### 1.0.1

 * Support for 6.7.X.
 * Update text domain for i18n consistency.

#### 1.0.0

 * Initial release of the plugin.

## 기초

 *  버전 **1.0.14**
 *  최근 업데이트: **1개월 전**
 *  활성화된 설치 **700+**
 *  워드프레스 버전 ** 5.3 또는 그 이상 **
 *  다음까지 시험됨: **7.1.2**
 *  PHP 버전 ** 7.0 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/block-editor-columns-reverse/) 및
   [Japanese](https://ja.wordpress.org/plugins/block-editor-columns-reverse/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/block-editor-columns-reverse)
 * 태그:
 * [block](https://ko.wordpress.org/plugins/tags/block/)[columns](https://ko.wordpress.org/plugins/tags/columns/)
   [gutenberg](https://ko.wordpress.org/plugins/tags/gutenberg/)[responsive](https://ko.wordpress.org/plugins/tags/responsive/)
   [reverse](https://ko.wordpress.org/plugins/tags/reverse/)
 *  [고급 보기](https://ko.wordpress.org/plugins/block-editor-columns-reverse/advanced/)

## 평점

 별 5점 만점에 5점.

 *  [  5/5-별점 후기     ](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/block-editor-columns-reverse/reviews/)

## 기여자

 *   [ Mickaël Larguier ](https://profiles.wordpress.org/mickaellrg/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/block-editor-columns-reverse/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](https://ko-fi.com/mickaellrg)