Title: RSM Focus Author: rsmspark Published: 2026 年 8 月 18 日 Last modified: 2026 年 8 月 18 日 --- 搜尋外掛 ![](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 由 [rsmspark](https://profiles.wordpress.org/rsmspark/) 開發 [下載](https://downloads.wordpress.org/plugin/rsm-focus.1.12.6.zip) * [詳細資料](https://tw.wordpress.org/plugins/rsm-focus/#description) * [使用者評論](https://tw.wordpress.org/plugins/rsm-focus/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/rsm-focus/#installation) * [開發資訊](https://tw.wordpress.org/plugins/rsm-focus/#developers) [技術支援](https://wordpress.org/support/plugin/rsm-focus/) ## 外掛說明 **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 ## 安裝方式 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. ## 常見問題集 ### 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`. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈RSM Focus〉的開發相關工作。 參與者 * [ rsmspark ](https://profiles.wordpress.org/rsmspark/) * [ scottm52 ](https://profiles.wordpress.org/scottm52/) [將〈RSM Focus〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/rsm-focus) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/rsm-focus/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/rsm-focus/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/rsm-focus/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/rsm-focus/)。 ## 變更記錄 #### 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] ## 中繼資料 * 版本 **1.12.6** * 最後更新 **2 天前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 6.5 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0.4** * PHP 版本需求 ** 8.0 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/rsm-focus/) * 標籤: * [block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/) [live preview](https://tw.wordpress.org/plugins/tags/live-preview/)[wireframe](https://tw.wordpress.org/plugins/tags/wireframe/) * [進階檢視](https://tw.wordpress.org/plugins/rsm-focus/advanced/) ## 評分 這個項目尚無任何評論記錄。 [撰寫評分](https://wordpress.org/support/plugin/rsm-focus/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/rsm-focus/reviews/) ## 參與者 * [ rsmspark ](https://profiles.wordpress.org/rsmspark/) * [ scottm52 ](https://profiles.wordpress.org/scottm52/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/rsm-focus/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://rsmspark.com/pricing)