Title: RSM Focus
Author: rsmspark
Published: <strong>18 Tháng 8, 2026</strong>
Last modified: 18 Tháng 8, 2026

---

Tìm kiếm plugin

![](https://ps.w.org/rsm-focus/assets/banner-772x250.png?rev=3653232)

![](https://ps.w.org/rsm-focus/assets/icon-256x256.png?rev=3653232)

# RSM Focus

 Bởi [rsmspark](https://profiles.wordpress.org/rsmspark/)

[Tải về](https://downloads.wordpress.org/plugin/rsm-focus.1.12.6.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/rsm-focus/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/rsm-focus/#reviews)
 *  [Cài đặt](https://vi.wordpress.org/plugins/rsm-focus/#installation)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/rsm-focus/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/rsm-focus/)

## Mô tả

**A clearer way to build in Gutenberg.**

Tired of a cluttered block editor when designing complex, responsive pages? RSM 
Focus turns the native Gutenberg experience into a professional, distraction-free
design workspace.

### Why Choose RSM Focus?

 * True **16:9 Focus Viewport** for realistic layout decisions
 * Elegant **toggleable wireframe overlays** with block labels
 * **Live Preview Mirror** with Desktop (16:9), Tablet (3:4), and Mobile (9:16) 
   views
 * **Structure Overlay** toggle on the preview for perfect alignment
 * Beautiful **scroll animations** with marketing presets
 * Per-breakpoint **responsive visibility** controls
 * **Layout Band** support for full-bleed sections

### Broad Compatibility

Works seamlessly with Gutenberg and plays nicely with popular page builders including**
Elementor**, **Beaver Builder**, **Divi**, and **SiteOrigin** (especially tight 
integration via shared widget/block support).

**Part of the RSM Spark Suite** — Production-grade, GDPR-ready, and HPOS compatible.
Trusted by professional site builders and agencies.

**Free vs Pro** — This free plugin is fully functional for Focus mode, wireframe,
preview, animations, layout bands, and responsive visibility (standard mobile/tablet
bands). Additional tools are available in the separate RSM Focus Pro plugin from
rsmspark.com.

### Documentation

Product guides live on the RSMSpark documentation site. Editor JavaScript source
is included under `/src`; rebuild with `npm install && npm run build` (see package.
json).

Full documentation: https://rsmspark.com/documentation
 Focus documentation: https://
rsmspark.com/documentation/rsm-focus

### Support

Full documentation: https://rsmspark.com/documentation
 Support forum: https://rsmspark.
com/support Website: https://rsmspark.com

## Cài đặt

 1. **Download directly from WordPress.org.**
 2. If you already have **RSM Spark** (the free central hub) installed, you can install
    any combination of RSM plugins in one go from **RSM  Spark  Plugins**.
 3. **Minimum Requirements** — WordPress 6.5+, PHP 8.0+.
 4. **Recommended** — Latest WordPress version; modern browser for best editor experience.
 5. Edit a post or page in the block editor and click **Focus** in the toolbar.

## Hỏi đáp

### Does Focus work in the Site Editor?

Yes on block themes. You get the full 16:9 viewport, wireframe, and live preview
mirror on templates, template parts, navigation, and patterns.

### Can I toggle the wireframe on and off?

Yes. Wireframe visibility is fully toggleable from the Focus toolbar or status bar.

### How do the device previews work?

The preview mirror supports Desktop (16:9), Tablet (3:4), and Mobile (9:16). Switch
instantly while Structure Overlay stays synchronized.

### Will RSM Focus slow down my site?

No. Focus is an editor-only enhancement. It adds no frontend assets or performance
impact on your published pages.

### Does it work with caching plugins and page builders?

Yes. It is compatible with major caching plugins and works alongside Elementor, 
Beaver Builder, Divi, and SiteOrigin.

### Is it secure for production use?

Yes. RSM Focus follows strict security practices with proper nonces, sanitization,
and permission checks. No critical or high findings in reviews. GDPR-ready.

### Is there a Pro add-on?

Yes. **RSM Focus Pro** is a separate plugin from rsmspark.com with additional tools.
This free directory plugin is fully usable on its own.

### Where is the unminified editor source?

Human-readable JavaScript lives in the plugin `/src` directory (paired with `build/
index.js`). Rebuild with `npm install && npm run build` using Node.js and `@wordpress/
scripts`.

## Đánh giá

Không có đánh giá nào cho plugin này.

## Người đóng góp & Lập trình viên

“RSM Focus” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

 *   [ rsmspark ](https://profiles.wordpress.org/rsmspark/)
 *   [ scottm52 ](https://profiles.wordpress.org/scottm52/)

[Dịch “RSM Focus” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/rsm-focus)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/rsm-focus/), check out [SVN repository](https://plugins.svn.wordpress.org/rsm-focus/),
hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/rsm-focus/)
qua [RSS](https://plugins.trac.wordpress.org/log/rsm-focus/?limit=100&mode=stop_on_copy&format=rss).

## Nhật ký thay đổi

#### 1.12.6

 * WordPress.org review: remove custom-breakpoint settings scaffolding and Pro-only
   Focus hub RSF admin from the free ZIP; drop per-breakpoint text-align attributes
   from free shared RSF; rename editor JS globals to rsmsparkFocus*.

#### 1.12.5

 * WordPress.org review: remove locked Pro custom-breakpoint / text-align code from
   the free ZIP (soft upsell only); ship editor source under /src for Guideline 
   4.

[Full changelog available in the plugin or at https://rsmspark.com/documentation]

## Meta

 *  Phiên bản **1.12.6**
 *  Cập nhật lần cuối **4 tuần trước**
 *  Số lượt cài đặt **Ít hơn 10**
 *  Phiên bản WordPress ** 6.5 hoặc cao hơn **
 *  Đã kiểm tra lên đến **7.0.4**
 *  Phiên bản PHP ** 8.0 hoặc cao hơn **
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/rsm-focus/)
 * Thẻ
 * [block-editor](https://vi.wordpress.org/plugins/tags/block-editor/)[gutenberg](https://vi.wordpress.org/plugins/tags/gutenberg/)
   [live preview](https://vi.wordpress.org/plugins/tags/live-preview/)[wireframe](https://vi.wordpress.org/plugins/tags/wireframe/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/rsm-focus/advanced/)

## Đánh giá

Chưa có đánh giá nào được gửi.

[Your review](https://wordpress.org/support/plugin/rsm-focus/reviews/#new-post)

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/rsm-focus/reviews/)

## Những người đóng góp

 *   [ rsmspark ](https://profiles.wordpress.org/rsmspark/)
 *   [ scottm52 ](https://profiles.wordpress.org/scottm52/)

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/rsm-focus/)

## Ủng hộ

Bạn có muốn hỗ trợ vào sự phát triển của plugin này?

 [ Ủng hộ plugin này ](https://rsmspark.com/pricing)