{"id":345190,"date":"2026-08-18T16:09:18","date_gmt":"2026-08-18T16:09:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/rsm-focus\/"},"modified":"2026-08-18T16:08:46","modified_gmt":"2026-08-18T16:08:46","slug":"rsm-focus","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/rsm-focus\/","author":23528281,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.12.6","stable_tag":"1.12.6","tested":"7.0.4","requires":"6.5","requires_php":"8.0","requires_plugins":null,"header_name":"RSM Focus","header_author":"RSMSpark","header_description":"Focus mode for Gutenberg \u2014 16:9 viewport, wireframe structure, and in-editor preview. Part of the RSMSpark plugin suite.","assets_banners_color":"6b5456","last_updated":"2026-08-18 16:08:46","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/rsmspark.com\/pricing","header_plugin_uri":"https:\/\/rsmspark.com\/rsm-focus\/","header_author_uri":"https:\/\/rsmspark.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":40,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.12.6":{"tag":"1.12.6","author":"rsmspark","date":"2026-08-18 16:08:46"}},"upgrade_notice":{"1.12.6":"<p>WordPress.org review: remove custom-breakpoint settings scaffolding and Pro-only admin from the free ZIP; Focus editor JS globals use rsmsparkFocus* prefixes.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3653232,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3653232,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3653232,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.12.6"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"focus-mode-wireframe-complex-layout.png \u2014 Focus mode with toggleable wireframe overlay and block labels.","2":"focus-preview-mirror-device-toggles.png \u2014 Live preview mirror with Desktop, Tablet (3:4), and Mobile (9:16) views.","3":"block-inspector-rsf-animation-visibility.png \u2014 Block inspector with animations, visibility, and Layout Band controls."}},"plugin_section":[],"plugin_tags":[148857,276317,148076,16382,23346],"plugin_category":[],"plugin_contributors":[272889,272890],"plugin_business_model":[],"class_list":["post-345190","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-focus-mode","plugin_tags-gutenberg","plugin_tags-live-preview","plugin_tags-wireframe","plugin_contributors-rsmspark","plugin_contributors-scottm52","plugin_committers-rsmspark"],"banners":{"banner":"https:\/\/ps.w.org\/rsm-focus\/assets\/banner-772x250.png?rev=3653232","banner_2x":"https:\/\/ps.w.org\/rsm-focus\/assets\/banner-1544x500.png?rev=3653232","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/rsm-focus\/assets\/icon-256x256.png?rev=3653232","icon_2x":"https:\/\/ps.w.org\/rsm-focus\/assets\/icon-256x256.png?rev=3653232","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>A clearer way to build in Gutenberg.<\/strong><\/p>\n\n<p>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.<\/p>\n\n<h3>Why Choose RSM Focus?<\/h3>\n\n<ul>\n<li>True <strong>16:9 Focus Viewport<\/strong> for realistic layout decisions<\/li>\n<li>Elegant <strong>toggleable wireframe overlays<\/strong> with block labels<\/li>\n<li><strong>Live Preview Mirror<\/strong> with Desktop (16:9), Tablet (3:4), and Mobile (9:16) views<\/li>\n<li><strong>Structure Overlay<\/strong> toggle on the preview for perfect alignment<\/li>\n<li>Beautiful <strong>scroll animations<\/strong> with marketing presets<\/li>\n<li>Per-breakpoint <strong>responsive visibility<\/strong> controls<\/li>\n<li><strong>Layout Band<\/strong> support for full-bleed sections<\/li>\n<\/ul>\n\n<h3>Broad Compatibility<\/h3>\n\n<p>Works seamlessly with Gutenberg and plays nicely with popular page builders including <strong>Elementor<\/strong>, <strong>Beaver Builder<\/strong>, <strong>Divi<\/strong>, and <strong>SiteOrigin<\/strong> (especially tight integration via shared widget\/block support).<\/p>\n\n<p><strong>Part of the RSM Spark Suite<\/strong> \u2014 Production-grade, GDPR-ready, and HPOS compatible. Trusted by professional site builders and agencies.<\/p>\n\n<p><strong>Free vs Pro<\/strong> \u2014 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.<\/p>\n\n<h3>Documentation<\/h3>\n\n<p>Product guides live on the RSMSpark documentation site. Editor JavaScript source is included under <code>\/src<\/code>; rebuild with <code>npm install &amp;&amp; npm run build<\/code> (see package.json).<\/p>\n\n<p>Full documentation: https:\/\/rsmspark.com\/documentation\nFocus documentation: https:\/\/rsmspark.com\/documentation\/rsm-focus<\/p>\n\n<h3>Support<\/h3>\n\n<p>Full documentation: https:\/\/rsmspark.com\/documentation\nSupport forum: https:\/\/rsmspark.com\/support\nWebsite: https:\/\/rsmspark.com<\/p>\n\n<!--section=installation-->\n<ol>\n<li><strong>Download directly from WordPress.org.<\/strong><\/li>\n<li>If you already have <strong>RSM Spark<\/strong> (the free central hub) installed, you can install any combination of RSM plugins in one go from <strong>RSM \u2192 Spark \u2192 Plugins<\/strong>.<\/li>\n<li><strong>Minimum Requirements<\/strong> \u2014 WordPress 6.5+, PHP 8.0+.<\/li>\n<li><strong>Recommended<\/strong> \u2014 Latest WordPress version; modern browser for best editor experience.<\/li>\n<li>Edit a post or page in the block editor and click <strong>Focus<\/strong> in the toolbar.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20focus%20work%20in%20the%20site%20editor%3F\"><h3>Does Focus work in the Site Editor?<\/h3><\/dt>\n<dd><p>Yes on block themes. You get the full 16:9 viewport, wireframe, and live preview mirror on templates, template parts, navigation, and patterns.<\/p><\/dd>\n<dt id=\"can%20i%20toggle%20the%20wireframe%20on%20and%20off%3F\"><h3>Can I toggle the wireframe on and off?<\/h3><\/dt>\n<dd><p>Yes. Wireframe visibility is fully toggleable from the Focus toolbar or status bar.<\/p><\/dd>\n<dt id=\"how%20do%20the%20device%20previews%20work%3F\"><h3>How do the device previews work?<\/h3><\/dt>\n<dd><p>The preview mirror supports Desktop (16:9), Tablet (3:4), and Mobile (9:16). Switch instantly while Structure Overlay stays synchronized.<\/p><\/dd>\n<dt id=\"will%20rsm%20focus%20slow%20down%20my%20site%3F\"><h3>Will RSM Focus slow down my site?<\/h3><\/dt>\n<dd><p>No. Focus is an editor-only enhancement. It adds no frontend assets or performance impact on your published pages.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20caching%20plugins%20and%20page%20builders%3F\"><h3>Does it work with caching plugins and page builders?<\/h3><\/dt>\n<dd><p>Yes. It is compatible with major caching plugins and works alongside Elementor, Beaver Builder, Divi, and SiteOrigin.<\/p><\/dd>\n<dt id=\"is%20it%20secure%20for%20production%20use%3F\"><h3>Is it secure for production use?<\/h3><\/dt>\n<dd><p>Yes. RSM Focus follows strict security practices with proper nonces, sanitization, and permission checks. No critical or high findings in reviews. GDPR-ready.<\/p><\/dd>\n<dt id=\"is%20there%20a%20pro%20add-on%3F\"><h3>Is there a Pro add-on?<\/h3><\/dt>\n<dd><p>Yes. <strong>RSM Focus Pro<\/strong> is a separate plugin from rsmspark.com with additional tools. This free directory plugin is fully usable on its own.<\/p><\/dd>\n<dt id=\"where%20is%20the%20unminified%20editor%20source%3F\"><h3>Where is the unminified editor source?<\/h3><\/dt>\n<dd><p>Human-readable JavaScript lives in the plugin <code>\/src<\/code> directory (paired with <code>build\/index.js<\/code>). Rebuild with <code>npm install &amp;&amp; npm run build<\/code> using Node.js and <code>@wordpress\/scripts<\/code>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.12.6<\/h4>\n\n<ul>\n<li>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*.<\/li>\n<\/ul>\n\n<h4>1.12.5<\/h4>\n\n<ul>\n<li>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.<\/li>\n<\/ul>\n\n<p>[Full changelog available in the plugin or at https:\/\/rsmspark.com\/documentation]<\/p>","raw_excerpt":"Focus mode for Gutenberg: 16:9 viewport, wireframe overlays, live preview mirror, scroll animations, and responsive visibility controls.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/345190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=345190"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rsmspark"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=345190"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=345190"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=345190"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=345190"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=345190"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=345190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}