{"id":4383,"date":"2026-01-30T15:29:57","date_gmt":"2026-01-30T15:29:57","guid":{"rendered":"https:\/\/wp.yasfarms.com\/?p=4383"},"modified":"2026-04-12T14:28:10","modified_gmt":"2026-04-12T14:28:10","slug":"blog-title-one","status":"publish","type":"post","link":"https:\/\/wp.yasfarms.com\/ar\/blog-title-one\/","title":{"rendered":"blog title one"},"content":{"rendered":"<p>Here&#8217;s the fully updated v3 prompt. Here&#8217;s exactly what was clarified and added:<\/p>\n<hr \/>\n<p><strong>\ud83d\udd35 Floating Button \u2014 always visible on the frontend<\/strong><\/p>\n<ul>\n<li>Fixed to the viewport edge (right or left, configurable from admin)<\/li>\n<li>A red badge shows how many features are currently active<\/li>\n<li><code>CTRL+U<\/code> keyboard shortcut also opens\/closes the drawer<\/li>\n<\/ul>\n<p><strong>\ud83d\udccb The Drawer \u2014 all 12 features, wired to the frontend page<\/strong><\/p>\n<ul>\n<li>Every tile click immediately injects\/removes a CSS class on <code>&lt;html&gt;<\/code> of the host WordPress page<\/li>\n<li>No page reload needed \u2014 changes are instant and visible while the drawer is open<\/li>\n<li>Active tiles get a blue border + dot indicator; cycle features show their current level (1, 2, 3)<\/li>\n<\/ul>\n<p><strong>\ud83d\udcbe localStorage persistence \u2014 full schema documented<\/strong><\/p>\n<ul>\n<li>Toggle features: stored as <code>true<\/code> (on) or absent (off)<\/li>\n<li>Cycle features: stored as a number (0 = off, 1\/2\/3 = step)<\/li>\n<li>On every page load the state is restored automatically<\/li>\n<\/ul>\n<p><strong>\u26a1 Zero FOUC (Flash of Unstyled Content)<\/strong><\/p>\n<ul>\n<li>The most important new addition \u2014 a tiny vanilla JS <code>&lt;script&gt;<\/code> is injected into <code>&lt;head&gt;<\/code> at priority 1 (before CSS loads) that reads localStorage and applies all saved classes to <code>&lt;html&gt;<\/code> <strong>before React even mounts<\/strong><\/li>\n<li>This means if a user saved &#8220;dyslexia friendly + bigger text&#8221;, the font change happens before the first paint, not after<\/li>\n<\/ul>\n<p><strong>\ud83d\udee1 Widget exempted from its own filters<\/strong><\/p>\n<ul>\n<li>The <code>filter: none<\/code> rule on <code>#accessflow-widget-root<\/code> means the widget button\/drawer won&#8217;t go grayscale or oversaturated when those features are active on the page<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Here&#8217;s the fully updated v3 prompt. Here&#8217;s exactly what was clarified and added: \ud83d\udd35 Floating Button \u2014 always visible on the frontend Fixed to the viewport edge (right or left, configurable from admin) A red badge shows how many features are currently active CTRL+U keyboard shortcut also opens\/closes the drawer \ud83d\udccb The Drawer \u2014 all [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4383","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/posts\/4383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/comments?post=4383"}],"version-history":[{"count":0,"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/posts\/4383\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/media?parent=4383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/categories?post=4383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.yasfarms.com\/ar\/wp-json\/wp\/v2\/tags?post=4383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}