Title: HPcode Responsive BR
Author: はにわまん
Published: <strong>2026년 10월 4일</strong>
Last modified: 2026년 10월 4일

---

플러그인 검색

![](https://ps.w.org/hpcode-responsive-br/assets/banner-772x250.png?rev=3726953)

![](https://ps.w.org/hpcode-responsive-br/assets/icon-256x256.png?rev=3726953)

# HPcode Responsive BR

 작성자: [はにわまん](https://profiles.wordpress.org/haniwaman/)

[다운로드](https://downloads.wordpress.org/plugin/hpcode-responsive-br.1.0.0.zip)

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

 [지원](https://wordpress.org/support/plugin/hpcode-responsive-br/)

## 설명

This plugin adds a **Responsive line break** item to the rich text toolbar. Put 
the caret where you want the break, tick the screen sizes it should apply to, and
insert it.

#### Breakpoints

The screen sizes come from `settings.viewport` in `theme.json`, through the same
core function that drives the editor’s `@mobile` and `@tablet` states. Themes that
do not set it get the WordPress defaults.

#### In the editor

A small marker shows where each break is, even at widths where it does not apply.
Hover it to see the screen sizes, click it to change them.

### Development

The editor script in `build/` is compiled from the TypeScript sources in `src/`,
which are
 included in this plugin. To rebuild them:

    ```
    npm install
    npm run build
    ```

The build uses @wordpress/scripts (webpack). `package.json` and `tsconfig.json` 
ship with the
 plugin so the output can be reproduced.

## 스크린샷

[⌊Choosing the screen sizes for a line break.⌉⌊Choosing the screen sizes for a line
break.⌉[

Choosing the screen sizes for a line break.

[⌊Markers show where the breaks are. Hover one to see which screen sizes it applies
to.⌉⌊Markers show where the breaks are. Hover one to see which screen sizes it applies
to.⌉[

Markers show where the breaks are. Hover one to see which screen sizes it applies
to.

## 설치

 1. Install and activate the plugin.
 2. Put the caret where you want a break, then open “Responsive line break” in the 
    block toolbar.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“HPcode Responsive BR”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에
기여하였습니다.

기여자

 *   [ はにわまん ](https://profiles.wordpress.org/haniwaman/)

[자국어로 “HPcode Responsive BR”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/hpcode-responsive-br)

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

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

## 변경이력

#### 1.0.0

 * First public release.

## 기초

 *  버전 **1.0.0**
 *  최근 업데이트: **1주 전**
 *  활성화된 설치 **10보다 적음**
 *  워드프레스 버전 ** 7.1 또는 그 이상 **
 *  다음까지 시험됨: **7.1.3**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/hpcode-responsive-br/)
 * 태그:
 * [block-editor](https://ko.wordpress.org/plugins/tags/block-editor/)[breakpoints](https://ko.wordpress.org/plugins/tags/breakpoints/)
   [line-break](https://ko.wordpress.org/plugins/tags/line-break/)[responsive](https://ko.wordpress.org/plugins/tags/responsive/)
   [rich text](https://ko.wordpress.org/plugins/tags/rich-text/)
 *  [고급 보기](https://ko.wordpress.org/plugins/hpcode-responsive-br/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/hpcode-responsive-br/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/hpcode-responsive-br/reviews/)

## 기여자

 *   [ はにわまん ](https://profiles.wordpress.org/haniwaman/)

## 지원

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

 [지원 포럼 보기](https://wordpress.org/support/plugin/hpcode-responsive-br/)