內容簡介
RSM Focus 是一款專為 Gutenberg 設計的外掛，提供清晰的設計環境，幫助使用者在設計複雜且響應式的頁面時，消除雜亂的編輯器干擾，提升工作效率。
【主要功能】
• 真正的 16:9 專注視窗，便於佈局決策
• 可切換的線框覆蓋，顯示區塊標籤
• 實時預覽鏡像，支援桌面、平板和手機視圖
• 預覽中的結構覆蓋，確保完美對齊
• 美觀的滾動動畫，搭配行銷預設
• 每個斷點的響應式可見性控制
外掛標籤
開發者團隊
原文外掛簡介
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
