內容簡介
Style Manager 是一款專為兼容的 WordPress 佈景主題和區塊設計的外掛，能夠生成並協調顏色、字體和間距設定。透過連結設計決策，使用者可以在編輯器、主題和前端之間無縫調整樣式，提升網站整體一致性與美感。
【主要功能】
• 生成顏色調色盤，適用於兼容的主題和區塊
• 提供字體選擇，包括標題和正文
• 控制間距與節奏，保持佈局一致性
• 支援主題調整與動態設定
• 實時編輯預覽，便於檢查未儲存的變更
• 上下文感知的樣式設定，適用於支援的區塊和區域
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Style Manager generates and coordinates colors, typography, and spacing for compatible WordPress themes and blocks.
Instead of tuning isolated colors, font sizes, and spacing values by hand, you work with connected design decisions that can flow through the editor, the active theme, compatible blocks, and the front end.
Themes that support Style Manager apply the system across site templates and theme details. Compatible blocks can adapt to the same design decisions in context, so sections and blocks feel like part of one site rather than separate styling work.
In Style Manager 2.4, the main styling flow is available in the Site Editor, with visual preview boards, editor-canvas previews, a searchable font picker, and a Live Site preview for reviewing unsaved changes before publishing.
Free compatible stack
You can try Style Manager with this free Pixelgrade stack:
Anima provides the theme-level integration.
Nova Blocks provides compatible blocks that can respond to the same design system.
Style Manager also integrates with Pixelgrade LT themes, but premium themes are not required to try the free Anima and Nova Blocks path.
What you can shape
Color palettes with generated roles for compatible themes and blocks.
Typography choices for headings, body copy, and details.
Spacing and rhythm controls that keep layouts consistent.
Theme-supported tweaks and motion settings.
Live editor previews before saving.
Context-aware styling for blocks and sections that support Style Manager.
Compatibility
Style Manager is not a universal page builder and does not make every theme or block support every control.
The full experience depends on your active theme and blocks being built to read Style Manager’s design decisions. If a theme or block does not support a specific Style Manager feature, the related controls may be hidden or may not affect that theme or block’s output.
Issues
If you identify any errors or have an idea for improving the plugin, please open an issue. We’re more than excited to see what the community thinks of this project, and we welcome your input!
If GitHub is not your thing, but you are passionate about Style Manager and want to help us make it better, don’t hesitate to reach us.
Credits
Select2 JavaScript library – License: MIT
Ace Editor JavaScript editor – License: BSD
jQuery React JavaScript jQuery plugin – License: MIT
Web Font Loader JavaScript library – License: Apache 2.0
Fuse.js Lightweight fuzzy-search JavaScript library – License: Apache 2.0
CarbonFields WordPress Custom Fields Library – License: GPLv2
Default image for Style Manager Color Palette control – License: Unsplash
Privacy & External Services
Style Manager uses external services to deliver some design assets.
Pixelgrade Cloud (cloud.pixelgrade.com)
To provide color palettes, font palettes, and curated design configurations, the plugin can fetch design assets from Pixelgrade Cloud. This request is made from the WordPress admin, not from your site’s frontend, and the response is cached locally.
Compatible Pixelgrade Cloud fonts used by your design are copied to your site’s uploads directory and served locally by default. This keeps visitor font requests on your own site and preserves a working local copy if a font is later removed from the cloud catalog. Site owners can manage this behavior and review local font status from the Pixelgrade Design hub.
When fetching design assets or submitting the plugin’s existing settings statistics, the plugin sends: your site URL, whether the site uses SSL, your WordPress version and language, the site’s environment type, the Style Manager version, an observed first-party service label, and your active theme’s slug, name, URI, version, and text domain. Pixelgrade Cloud retains the site URL and daily aggregate service observations so Pixelgrade can understand which first-party services are in use. This does not record page views, visitor activity, site content, credentials, license data, support messages, usernames, email addresses, or IP addresses in the service registry, and the plugin does not load tracking or analytics scripts.
Service: Pixelgrade Cloud
Provider: Pixelgrade – https://pixelgrade.com
Privacy Policy: https://pixelgrade.com/privacy/
Google Fonts referenced by font palettes are served by Google Fonts (https://fonts.googleapis.com / https://fonts.gstatic.com). See Google’s Privacy Policy at https://policies.google.com/privacy.
