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://tw.wordpress.org/plugins/hpcode-responsive-br/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/hpcode-responsive-br/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/hpcode-responsive-br/#installation)
 * [開發資訊](https://tw.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/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/hpcode-responsive-br/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/hpcode-responsive-br/)。

## 變更記錄

#### 1.0.0

 * First public release.

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **1 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 7.1 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1.3**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/hpcode-responsive-br/)
 * 標籤:
 * [block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)[breakpoints](https://tw.wordpress.org/plugins/tags/breakpoints/)
   [line-break](https://tw.wordpress.org/plugins/tags/line-break/)[responsive](https://tw.wordpress.org/plugins/tags/responsive/)
   [rich text](https://tw.wordpress.org/plugins/tags/rich-text/)
 *  [進階檢視](https://tw.wordpress.org/plugins/hpcode-responsive-br/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](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/)