Description
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.
Screenshots
Installation
- Install and activate the plugin.
- Put the caret where you want a break, then open “Responsive line break” in the block toolbar.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“HPcode Responsive BR” is open source software. The following people have contributed to this plugin.
Contributors
Translate “HPcode Responsive BR” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- First public release.