Description
Unlock the full power of your WordPress website with the most underrated helper tool for GeneratePress & GenerateBlocks. 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.
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.
🚀 Main Features
- Dynamic Dark Mode: 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
.darkscope for a clean CSS footprint. - Fluid Typography Wizard: Automatically calculate and generate responsive typography using the CSS
clamp()function. Easily configure dynamic scale ratios to eliminate tedious media queries. - Advanced Color & Gradient Management: 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.
- Seamless Export / Import Module: Backup, migrate, and transfer all your GeneratePress settings, custom GP Elements, and full GenerateBlocks layouts (including Global Styles, Local Patterns, SVG shapes, icons, display conditions, and overlay panels) with automated CSS cache-rebuilding.
- Editor CSS Sync: Achieve a true WYSIWYG experience in Gutenberg. Automatically enqueues and synchronizes your Child Theme or Customizer CSS directly into the editor canvas.
⚡ Performance-First Philosophy
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%.
Screenshots
Installation
- Upload the plugin files to the
/wp-content/plugins/utility-for-generatepressdirectory, or install through the WordPress Plugins screen. - Activate the plugin.
- Navigate to Appearance > Utility in your WordPress dashboard to toggle your desired modules.
FAQ
-
No! It works beautifully with the free version of GeneratePress. However, it is built to complement both the free and premium ecosystems perfectly.
-
How does the Dynamic Dark Mode contrast boosting work?
-
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
.darkselector. The “Contrast Boosting” feature automatically desaturates bright colors and enhances background-to-text contrast ratios to guarantee optimal legibility and prevent eye strain. -
Does Fluid Typography support custom scale ratios?
-
Yes! The Fluid Typography Wizard automatically calculates responsive text scaling using the modern CSS
clamp()function. You can set custom minimum/maximum viewports and scale ratios, completely eliminating the need for tedious manual media queries. -
How does the Gradient Builder sync with Gutenberg?
-
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
theme.jsonhooks. -
How does the GenerateBlocks Export/Import work?
-
Our Export/Import module natively supports both GeneratePress settings (including custom Elements) and GenerateBlocks Pro 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.
-
Will this plugin slow down my Gutenberg editor?
-
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.
-
What makes this the most underrated helper tool?
-
Most utilities only focus on one minor feature. Utility for GeneratePress 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.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Utility for GeneratePress” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Utility for GeneratePress” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.01
- Feature: Added Dark Mode Logo support (Desktop and mobile headers).
- Tweak: Changed default Dark Mode floating toggle position to Left.
- Feature: Added Export/Import support for GenerateBlocks Pro 2.6.1 Forms Custom Post Type (
gblocks_form) and form integrations option data.
1.1.0
- Stable Release: Consolidation of all major modules into a production-ready stable build.
- Feature: Added powerful Export/Import backup and migration module with native support for GenerateBlocks Pro settings, elements, global styles, and SVG libraries.
- Security: Backported strict radial gradient shape whitelisting and position regex validation to prevent any potential CSS injection.
- UI: Updated Settings Dashboard to inherit native ‘–wp-admin-theme-color’ for a flawless WordPress integration.
- Fixed: Removed invisible UTF-8 BOM bytes that caused Customizer saving/publishing failures.
1.0.18
- Security: Implemented strict shape whitelisting (circle, ellipse) and regex-based position validation for radial gradients.
1.0.17
- Maintenance: Cleaned up legacy translation strings and finalized prefix migration to ‘utilfoge_’.
1.0.0
- Initial release of the GeneratePress utility suite.