Title: Utility for GeneratePress
Author: wpids
Published: <strong>2026 年 5 月 29 日</strong>
Last modified: 2026 年 6 月 1 日

---

搜尋外掛

![](https://ps.w.org/utility-for-generatepress/assets/banner-772x250.png?rev=3559104)

![](https://ps.w.org/utility-for-generatepress/assets/icon.svg?rev=3559104)

# Utility for GeneratePress

 由 [wpids](https://profiles.wordpress.org/wpids/) 開發

[下載](https://downloads.wordpress.org/plugin/utility-for-generatepress.1.1.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/utility-for-generatepress/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/utility-for-generatepress/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/utility-for-generatepress/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/utility-for-generatepress/#developers)

 [技術支援](https://wordpress.org/support/plugin/utility-for-generatepress/)

## 外掛說明

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`.
   dark` scope 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%.

## 螢幕擷圖

 * [[
 * [[
 * [[
 * [[
 * [[
 * [[
 * [[
 * [[
 * [[
 * [[
 * [[
 * [[
 * [[
 * [[

## 安裝方式

 1. Upload the plugin files to the `/wp-content/plugins/utility-for-generatepress` 
    directory, or install through the WordPress Plugins screen.
 2. Activate the plugin.
 3. 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 GenerateBlocks Export/Import work?

Our Export/Import module natively supports **GenerateBlocks**. When you run an export,
it bundles all your local patterns, global styles, asset library SVGs, and overlays.
When imported on a new site, it automatically re-syncs all block styles and refreshes
the CSS cache so your design loads perfectly instantly.

### What makes this the most underrated helper tool?

Most utilities only focus on one minor aspect. **Utility for GeneratePress** combines
typography, advanced math-based dark mode, theme.json gradient injection, and a 
robust migration engine in a single lightweight package that operates under a unified
design system.

### Will this plugin slow down my Gutenberg editor?

No. The Editor CSS Sync enqueues your styles via native WordPress editor styles 
hooks, ensuring they only load inside the Gutenberg frame without any blocking scripts.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Utility for GeneratePress〉的開發相關工作。

參與者

 *   [ wpids ](https://profiles.wordpress.org/wpids/)

[將〈Utility for GeneratePress〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/utility-for-generatepress)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/utility-for-generatepress/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/utility-for-generatepress/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/utility-for-generatepress/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/utility-for-generatepress/)。

## 變更記錄

#### 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.

## 中繼資料

 *  版本 **1.1.0**
 *  最後更新 **3 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/utility-for-generatepress/)
 * 標籤:
 * [dark mode](https://tw.wordpress.org/plugins/tags/dark-mode/)[fluid typography](https://tw.wordpress.org/plugins/tags/fluid-typography/)
   [generateblocks](https://tw.wordpress.org/plugins/tags/generateblocks/)[generatepress](https://tw.wordpress.org/plugins/tags/generatepress/)
   [gradient](https://tw.wordpress.org/plugins/tags/gradient/)
 *  [進階檢視](https://tw.wordpress.org/plugins/utility-for-generatepress/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/utility-for-generatepress/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/utility-for-generatepress/reviews/)

## 參與者

 *   [ wpids ](https://profiles.wordpress.org/wpids/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/utility-for-generatepress/)