Title: HPcode Responsive BR
Author: はにわまん
Published: <strong>4 أكتوبر، 2026</strong>
Last modified: 4 أكتوبر، 2026

---

البحث عن الإضافات

![](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://ar.wordpress.org/plugins/hpcode-responsive-br/#description)
 * [المراجعات](https://ar.wordpress.org/plugins/hpcode-responsive-br/#reviews)
 *  [التنصيب](https://ar.wordpress.org/plugins/hpcode-responsive-br/#installation)
 * [التطوير](https://ar.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.

## ميتا Meta

 *  Version **1.0.0**
 *  Last updated **قبل 3 أيام**
 *  Active installations **أقل من 10**
 *  WordPress version ** 7.1 أو أعلى **
 *  Tested up to **7.1.3**
 *  PHP version ** 7.4 أو أعلى **
 *  Language
 * [English (US)](https://wordpress.org/plugins/hpcode-responsive-br/)
 * Tags
 * [block-editor](https://ar.wordpress.org/plugins/tags/block-editor/)[breakpoints](https://ar.wordpress.org/plugins/tags/breakpoints/)
   [line-break](https://ar.wordpress.org/plugins/tags/line-break/)[responsive](https://ar.wordpress.org/plugins/tags/responsive/)
   [rich text](https://ar.wordpress.org/plugins/tags/rich-text/)
 *  [عرض متقدم](https://ar.wordpress.org/plugins/hpcode-responsive-br/advanced/)

## التقييم

لم يتم تقديم أي مراجعات بعد.

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

[See all reviews](https://wordpress.org/support/plugin/hpcode-responsive-br/reviews/)

## المساهمون

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

## الدعم

لديك شيء لتقوله؟ بحاجة الى مساعدة؟

 [عرض منتدى الدعم](https://wordpress.org/support/plugin/hpcode-responsive-br/)