Utility for GeneratePress
| 开发者 | wpids |
|---|---|
| 更新时间 | 2026年7月4日 19:37 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- 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.
安装:
- 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.
屏幕截图:
常见问题:
Does this require GeneratePress Premium?
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 .dark selector. 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.json hooks.
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.
更新日志:
- 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.
- 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.
- Security: Implemented strict shape whitelisting (circle, ellipse) and regex-based position validation for radial gradients.
- Maintenance: Cleaned up legacy translation strings and finalized prefix migration to 'utilfoge_'.
- Initial release of the GeneratePress utility suite.