Swell Smart Responsive Block Suite

説明

Make your WordPress blocks look great on every device without writing CSS.

Swell Smart Responsive Block Suite adds responsive controls right in the block editor. Adjust padding, margins, font sizes, and visibility for desktop, tablet, and mobile — and see changes live as you work.

What Makes This Different

Copy/Paste Styles – Styled one block perfectly? Copy those responsive settings and paste them to other blocks instantly.

Quick Actions – Common tasks like “Hide on Mobile” or “Responsive Heading” are one click away.

Inheritance Indicators – See which values are inherited from larger screens. Override them when you need to.

Core Features

Adjust spacing, font sizes, and visibility for three breakpoints: Desktop (1025px+), Tablet (768-1024px), and Mobile (767px-).

The responsive panel syncs with WordPress’s viewport switcher, so what you see is what you get.

Supported Blocks

Works with Group, Columns, Column, Cover, Heading, Paragraph, Button, List, Quote, and Pull Quote blocks.

Simple to Use

  1. Select a block
  2. Open the “Responsive” panel in the sidebar
  3. Switch between devices and adjust settings
  4. Changes appear live in the editor

That’s it. No setup, no config files, no learning curve.

Privacy

This plugin doesn’t track users, phone home, or collect data. Everything stays in your WordPress database.

Credits

Developed by Swell Apps

インストール

  1. Install from the WordPress plugin directory
  2. Activate
  3. Edit a post or page
  4. Select a block and look for the “Responsive” panel

Works immediately. No settings page needed.

FAQ

Does this work with any theme?

Yes. Any theme that supports the block editor.

Will this slow down my site?

No. The plugin only loads in the editor. Frontend CSS is minimal and cached.

What are the breakpoints?

Desktop: 1025px+
Tablet: 768-1024px
Mobile: 767px and below

Can I customize breakpoints?

Not yet. Fixed breakpoints keep things simple and work for most sites.

Does it work with page builders like Elementor?

No, only with WordPress core blocks.

Changes aren’t showing on the frontend?

Clear your cache (browser and WordPress). Make sure you saved the page.

How do I report bugs?

Use the WordPress support forum or GitHub issues.

評価

2026年2月18日
An easy way to make mobile style changes with core WordPress blocks. Works great! Love the auto editor resizing for screens sizes.
1件のレビューをすべて表示

貢献者と開発者

Swell Smart Responsive Block Suite はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Swell Smart Responsive Block Suite” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.0.0

  • Initial release
  • Responsive spacing (padding/margins)
  • Responsive font sizes
  • Device visibility toggles
  • Copy/paste responsive styles
  • 8 quick action presets
  • Inheritance indicators
  • Live editor preview