{"id":307265,"date":"2026-05-29T13:56:47","date_gmt":"2026-05-29T13:56:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/generatepress-utility\/"},"modified":"2026-07-04T11:33:35","modified_gmt":"2026-07-04T11:33:35","slug":"utility-for-generatepress","status":"publish","type":"plugin","link":"https:\/\/azb.wordpress.org\/plugins\/utility-for-generatepress\/","author":23491262,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.01","stable_tag":"1.1.01","tested":"7.0","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Utility for GeneratePress","header_author":"WPIDS","header_description":"Color Management, Gradient Variables, Advanced Fluid Typography, Dark Mode support, and Editor Sync for GeneratePress.","assets_banners_color":"a5adce","last_updated":"2026-07-04 11:33:35","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wpids.com\/utility-for-generatepress","header_author_uri":"https:\/\/wpids.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":200,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.18":{"tag":"1.0.18","author":"wpids","date":"2026-05-29 13:56:12"},"1.1.0":{"tag":"1.1.0","author":"wpids","date":"2026-06-01 17:48:33"},"1.1.01":{"tag":"1.1.01","author":"wpids","date":"2026-07-04 11:33:35"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3559104,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3559104,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3559104,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3559104,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3559104,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.18","1.1.0","1.1.01"],"block_files":[],"assets_screenshots":{"screenshot-1.jpeg":{"filename":"screenshot-1.jpeg","revision":3557120,"resolution":"1","location":"assets","locale":"","width":1750,"height":635},"screenshot-10.jpeg":{"filename":"screenshot-10.jpeg","revision":3557120,"resolution":"10","location":"assets","locale":"","width":337,"height":908},"screenshot-11.jpeg":{"filename":"screenshot-11.jpeg","revision":3557120,"resolution":"11","location":"assets","locale":"","width":975,"height":743},"screenshot-12.jpeg":{"filename":"screenshot-12.jpeg","revision":3557120,"resolution":"12","location":"assets","locale":"","width":1750,"height":858},"screenshot-13.jpeg":{"filename":"screenshot-13.jpeg","revision":3557120,"resolution":"13","location":"assets","locale":"","width":1502,"height":897},"screenshot-14.jpeg":{"filename":"screenshot-14.jpeg","revision":3557120,"resolution":"14","location":"assets","locale":"","width":1513,"height":891},"screenshot-2.jpeg":{"filename":"screenshot-2.jpeg","revision":3557120,"resolution":"2","location":"assets","locale":"","width":1750,"height":761},"screenshot-3.jpeg":{"filename":"screenshot-3.jpeg","revision":3557120,"resolution":"3","location":"assets","locale":"","width":1695,"height":1123},"screenshot-4.jpeg":{"filename":"screenshot-4.jpeg","revision":3557120,"resolution":"4","location":"assets","locale":"","width":1750,"height":450},"screenshot-5.jpeg":{"filename":"screenshot-5.jpeg","revision":3557120,"resolution":"5","location":"assets","locale":"","width":1750,"height":857},"screenshot-6.jpeg":{"filename":"screenshot-6.jpeg","revision":3557120,"resolution":"6","location":"assets","locale":"","width":321,"height":661},"screenshot-7.jpeg":{"filename":"screenshot-7.jpeg","revision":3557120,"resolution":"7","location":"assets","locale":"","width":333,"height":368},"screenshot-8.jpeg":{"filename":"screenshot-8.jpeg","revision":3557120,"resolution":"8","location":"assets","locale":"","width":329,"height":818},"screenshot-9.jpeg":{"filename":"screenshot-9.jpeg","revision":3557120,"resolution":"9","location":"assets","locale":"","width":337,"height":752}},"screenshots":{"1":"Utility for GeneratePress Dashboard - Easily toggle and manage your modular design extensions.","2":"Dynamic Dark Mode Wizard - Real-time dark mode palette configuration inside the Customizer.","3":"Contrast Boosting Settings - Auto-desaturate vibrant colors and boost reading legibility.","4":"Fluid Typography Panel - Automatically calculate responsive typography scaling on the fly.","5":"Fluid Viewport Configuration - Customize min\/max viewports and scaling ratios.","6":"Advanced Drag-and-Drop Gradient Builder - Craft beautiful custom CSS gradients.","7":"Gutenberg Palette Integration - Syncing custom gradient variables directly into block editor controls.","8":"Secure Export \/ Import Module - Easily backup or migrate your elements, styles, and configurations.","9":"Seamless Element Dashboard Injection - Quick migration buttons integrated into native CPT dashboards.","10":"Gutenberg Editor CSS Sync - Real-time WYSIWYG sync of your styles inside the editor canvas.","11":"Unified Admin Branding - Perfectly matches the native premium GeneratePress look and feel.","12":"HSL Color Math Engine Options - Configure custom alpha opacity and HSL auto-derivatives.","13":"Mobile Responsive Design Preview - Beautiful fluid typography scaling on mobile viewports.","14":"System Status and Diagnostics - Clean inline indicators reflecting your active modular setup."}},"plugin_section":[],"plugin_tags":[173231,237135,216845,31781,6294],"plugin_category":[43,59],"plugin_contributors":[264952],"plugin_business_model":[],"class_list":["post-307265","plugin","type-plugin","status-publish","hentry","plugin_tags-dark-mode","plugin_tags-fluid-typography","plugin_tags-generateblocks","plugin_tags-generatepress","plugin_tags-gradient","plugin_category-customization","plugin_category-utilities-and-tools","plugin_contributors-wpids","plugin_committers-wpids"],"banners":{"banner":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/banner-772x250.png?rev=3559104","banner_2x":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/banner-1544x500.png?rev=3559104","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/icon.svg?rev=3559104","icon":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/icon.svg?rev=3559104","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-1.jpeg?rev=3557120","caption":"Utility for GeneratePress Dashboard - Easily toggle and manage your modular design extensions."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-2.jpeg?rev=3557120","caption":"Dynamic Dark Mode Wizard - Real-time dark mode palette configuration inside the Customizer."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-3.jpeg?rev=3557120","caption":"Contrast Boosting Settings - Auto-desaturate vibrant colors and boost reading legibility."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-4.jpeg?rev=3557120","caption":"Fluid Typography Panel - Automatically calculate responsive typography scaling on the fly."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-5.jpeg?rev=3557120","caption":"Fluid Viewport Configuration - Customize min\/max viewports and scaling ratios."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-6.jpeg?rev=3557120","caption":"Advanced Drag-and-Drop Gradient Builder - Craft beautiful custom CSS gradients."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-7.jpeg?rev=3557120","caption":"Gutenberg Palette Integration - Syncing custom gradient variables directly into block editor controls."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-8.jpeg?rev=3557120","caption":"Secure Export \/ Import Module - Easily backup or migrate your elements, styles, and configurations."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-9.jpeg?rev=3557120","caption":"Seamless Element Dashboard Injection - Quick migration buttons integrated into native CPT dashboards."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-10.jpeg?rev=3557120","caption":"Gutenberg Editor CSS Sync - Real-time WYSIWYG sync of your styles inside the editor canvas."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-11.jpeg?rev=3557120","caption":"Unified Admin Branding - Perfectly matches the native premium GeneratePress look and feel."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-12.jpeg?rev=3557120","caption":"HSL Color Math Engine Options - Configure custom alpha opacity and HSL auto-derivatives."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-13.jpeg?rev=3557120","caption":"Mobile Responsive Design Preview - Beautiful fluid typography scaling on mobile viewports."},{"src":"https:\/\/ps.w.org\/utility-for-generatepress\/assets\/screenshot-14.jpeg?rev=3557120","caption":"System Status and Diagnostics - Clean inline indicators reflecting your active modular setup."}],"raw_content":"<!--section=description-->\n<p>Unlock the full power of your WordPress website with the most <strong>underrated helper tool for GeneratePress &amp; GenerateBlocks<\/strong>. Designed specifically for developers, designers, and site builders, this plugin bridges gaps and adds powerhouse features to the GP ecosystem with absolute performance and zero overhead.<\/p>\n\n<p>Whether you are using GeneratePress Premium or the free theme, this lightweight utility integrates perfectly into the Customizer and block editor to deliver a native-feel administration dashboard.<\/p>\n\n<h4>\ud83d\ude80 Main Features<\/h4>\n\n<ul>\n<li><strong>Dynamic Dark Mode<\/strong>: Turn your site into a modern, eye-friendly experience. Built with mathematical HSL auto-derivatives, contrast-boosting logic, and real-time customizer previewing. Completely overrides original global variables in <code>.dark<\/code> scope for a clean CSS footprint.<\/li>\n<li><strong>Fluid Typography Wizard<\/strong>: Automatically calculate and generate responsive typography using the CSS <code>clamp()<\/code> function. Easily configure dynamic scale ratios to eliminate tedious media queries.<\/li>\n<li><strong>Advanced Color &amp; Gradient Management<\/strong>: Overhauled gradient builder that lets you easily create, drag-and-drop, and manage custom CSS gradient variables. Fully integrates with Gutenberg and theme.json native palettes.<\/li>\n<li><strong>Seamless Export \/ Import Module<\/strong>: Backup, migrate, and transfer all your <strong>GeneratePress<\/strong> settings, custom <strong>GP Elements<\/strong>, and full <strong>GenerateBlocks<\/strong> layouts (including Global Styles, Local Patterns, SVG shapes, icons, display conditions, and overlay panels) with automated CSS cache-rebuilding.<\/li>\n<li><strong>Editor CSS Sync<\/strong>: Achieve a true WYSIWYG experience in Gutenberg. Automatically enqueues and synchronizes your Child Theme or Customizer CSS directly into the editor canvas.<\/li>\n<\/ul>\n\n<h4>\u26a1 Performance-First Philosophy<\/h4>\n\n<p>We hate bloat as much as you do. This plugin enqueues minimal vanilla CSS and JS, utilizes native WordPress Gutenberg components, and does not rely on heavy external frameworks, keeping your Google PageSpeed scores at 100%.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/utility-for-generatepress<\/code> directory, or install through the WordPress Plugins screen.<\/li>\n<li>Activate the plugin.<\/li>\n<li>Navigate to <strong>Appearance &gt; Utility<\/strong> in your WordPress dashboard to toggle your desired modules.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20require%20generatepress%20premium%3F\"><h3>Does this require GeneratePress Premium?<\/h3><\/dt>\n<dd><p>No! It works beautifully with the free version of GeneratePress. However, it is built to complement both the free and premium ecosystems perfectly.<\/p><\/dd>\n<dt id=\"how%20does%20the%20dynamic%20dark%20mode%20contrast%20boosting%20work%3F\"><h3>How does the Dynamic Dark Mode contrast boosting work?<\/h3><\/dt>\n<dd><p>Our Dark Mode module uses a mathematical HSL color math engine. Instead of creating redundant CSS classes, it dynamically overrides the original global variables inside the <code>.dark<\/code> selector. The \"Contrast Boosting\" feature automatically desaturates bright colors and enhances background-to-text contrast ratios to guarantee optimal legibility and prevent eye strain.<\/p><\/dd>\n<dt id=\"does%20fluid%20typography%20support%20custom%20scale%20ratios%3F\"><h3>Does Fluid Typography support custom scale ratios?<\/h3><\/dt>\n<dd><p>Yes! The Fluid Typography Wizard automatically calculates responsive text scaling using the modern CSS <code>clamp()<\/code> function. You can set custom minimum\/maximum viewports and scale ratios, completely eliminating the need for tedious manual media queries.<\/p><\/dd>\n<dt id=\"how%20does%20the%20gradient%20builder%20sync%20with%20gutenberg%3F\"><h3>How does the Gradient Builder sync with Gutenberg?<\/h3><\/dt>\n<dd><p>Our advanced Gradient Builder provides a drag-and-drop Color Stop slider using the native WordPress React ColorPicker. It automatically registers the resulting custom CSS gradients and seamlessly injects them directly into Gutenberg's block settings and native palettes via <code>theme.json<\/code> hooks.<\/p><\/dd>\n<dt id=\"how%20does%20the%20generateblocks%20export%2Fimport%20work%3F\"><h3>How does the GenerateBlocks Export\/Import work?<\/h3><\/dt>\n<dd><p>Our Export\/Import module natively supports both <strong>GeneratePress<\/strong> settings (including custom Elements) and <strong>GenerateBlocks Pro<\/strong> assets (including Local Patterns, Global Styles, SVGs, custom icons, and displays). It bundles everything into a secure package and automatically rebuilds the CSS styles cache on import to ensure your pages look perfect instantly.<\/p><\/dd>\n<dt id=\"will%20this%20plugin%20slow%20down%20my%20gutenberg%20editor%3F\"><h3>Will this plugin slow down my Gutenberg editor?<\/h3><\/dt>\n<dd><p>No. The Editor CSS Sync enqueues your styles using native WordPress editor styles hooks. This ensures they only load inside the active editor iframe frame with zero page overhead or blocking external scripts.<\/p><\/dd>\n<dt id=\"what%20makes%20this%20the%20most%20underrated%20helper%20tool%3F\"><h3>What makes this the most underrated helper tool?<\/h3><\/dt>\n<dd><p>Most utilities only focus on one minor feature. <strong>Utility for GeneratePress<\/strong> combines fluid typography scaling, an advanced math-based dark mode engine, dynamic theme.json gradient injection, and a robust migration engine into a single unified design system that runs with zero performance overhead.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.01<\/h4>\n\n<ul>\n<li>Feature: Added Dark Mode Logo support (Desktop and mobile headers).<\/li>\n<li>Tweak: Changed default Dark Mode floating toggle position to Left.<\/li>\n<li>Feature: Added Export\/Import support for GenerateBlocks Pro 2.6.1 Forms Custom Post Type (<code>gblocks_form<\/code>) and form integrations option data.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Stable Release: Consolidation of all major modules into a production-ready stable build.<\/li>\n<li>Feature: Added powerful Export\/Import backup and migration module with native support for GenerateBlocks Pro settings, elements, global styles, and SVG libraries.<\/li>\n<li>Security: Backported strict radial gradient shape whitelisting and position regex validation to prevent any potential CSS injection.<\/li>\n<li>UI: Updated Settings Dashboard to inherit native '--wp-admin-theme-color' for a flawless WordPress integration.<\/li>\n<li>Fixed: Removed invisible UTF-8 BOM bytes that caused Customizer saving\/publishing failures.<\/li>\n<\/ul>\n\n<h4>1.0.18<\/h4>\n\n<ul>\n<li>Security: Implemented strict shape whitelisting (circle, ellipse) and regex-based position validation for radial gradients.<\/li>\n<\/ul>\n\n<h4>1.0.17<\/h4>\n\n<ul>\n<li>Maintenance: Cleaned up legacy translation strings and finalized prefix migration to 'utilfoge_'.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release of the GeneratePress utility suite.<\/li>\n<\/ul>","raw_excerpt":"Ultimate utility for GeneratePress &amp; GenerateBlocks. Adds dark mode, fluid typography, gradients, editor sync, and settings migration.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/307265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=307265"}],"author":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpids"}],"wp:attachment":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=307265"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=307265"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=307265"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=307265"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=307265"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=307265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}