Title: Block Theme Color Switcher Author: Kadim Gültekin Published: 2024 年 3 月 26 日 Last modified: 2026 年 5 月 29 日 --- 搜索插件 ![](https://ps.w.org/block-theme-color-switcher/assets/banner-772x250.png?rev=3059092) ![](https://ps.w.org/block-theme-color-switcher/assets/icon-128x128.png?rev=3059092) # Block Theme Color Switcher 作者：[Kadim Gültekin](https://profiles.wordpress.org/arkenon/) [下载](https://downloads.wordpress.org/plugin/block-theme-color-switcher.1.0.7.zip) * [详情](https://cn.wordpress.org/plugins/block-theme-color-switcher/#description) * [评价](https://cn.wordpress.org/plugins/block-theme-color-switcher/#reviews) * [开发进展](https://cn.wordpress.org/plugins/block-theme-color-switcher/#developers) [支持](https://wordpress.org/support/plugin/block-theme-color-switcher/) ## 描述 🎨 **Unleash Your Theme’s True Colors!** WordPress Block Themes (Full Site Editing) are powerful, often coming with multiple style variations defined in `theme.json`. However, usually, you select _one_ style in the editor, and that’s what visitors see. **Block Theme Color Palette Switcher** breaks this limitation. It parses your theme’s` theme.json` and style variations (inside the `/styles` folder) to automatically generate a floating font-end menu. [Test with WordPress Playground](https://playground.wordpress.net/?plugin=block-theme-color-switcher) ### 🚀 Who is this for? * **👨‍💻 For Theme Developers:** Stop creating multiple demo sites for different color schemes! Install this plugin, and let your potential customers preview ** every single color palette** your theme offers on a single demo site. * **👤 For Site Visitors:** Give your users control. Let them choose a look that suits their mood or accessibility needs (e.g., High Contrast vs. Pastel). ### ✨ Key Features * **🔌 Plug & Play:** Automatically detects palettes from `theme.json` and `styles/*. json` files. No manual configuration needed. * **💾 Persistent Selection:** Uses Browser Storage (LocalStorage) to remember the user’s choice. If they leave and come back, their selected color palette remains active! * **⚡ Instant Preview:** Changes CSS variables on the fly. No page reloads required. * **🛠️ Customizable UI:** - Change the trigger button text. - Position the button (Left/Right). - Adjust vertical spacing to avoid conflict with other chat widgets or buttons. * **🧹 Clean Reset:** Includes a “Reset” button to revert to the theme’s default colors instantly. ### 🔧 How it Works 1. The plugin scans your active Block Theme. 2. It extracts color definitions from `settings.color.palette`. 3. It creates a sleek off-canvas menu on the frontend. 4. When a user clicks a color, the plugin updates the CSS Custom Properties (Variables) on the `` tag instantly. ## 屏幕截图 [[ [[ ## 评价此插件暂无评价。 ## 贡献者及开发者「Block Theme Color Switcher」是开源软件。以下人员对此插件做出了贡献。贡献者 * [ Kadim Gültekin ](https://profiles.wordpress.org/arkenon/) [帮助将「Block Theme Color Switcher」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/block-theme-color-switcher) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/block-theme-color-switcher/)，查看[SVN仓库](https://plugins.svn.wordpress.org/block-theme-color-switcher/)，或通过[RSS](https://plugins.trac.wordpress.org/log/block-theme-color-switcher/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/block-theme-color-switcher/)。 ## 更新日志 #### 1.0.7 Tested: For WordPress 7.0 compatibility. #### 1.0.6 Tested: For WordPress 6.9 compatibility. #### 1.0.5 Updated: Plugin description in readme #### 1.0.4 Updated: Plugin description in readme #### 1.0.3 Tested up to: WordPress 6.8.2 #### 1.0.2 Improved: Color palette styling. Added: Options page to manage the plugin settings. #### 1.0.1 Tested with WordPress 6.5 #### 1.0.0 Release ## 额外信息 * 版本 **1.0.7** * 最后更新：**2 周前** * 活跃安装数量 **不到10** * WordPress 版本 ** 6.0 或更高版本 ** * 已测试的最高版本为 **7.0** * PHP 版本 ** 7.4 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/block-theme-color-switcher/) * 标签 * [block themes](https://cn.wordpress.org/plugins/tags/block-themes/)[color palette](https://cn.wordpress.org/plugins/tags/color-palette/) [colors](https://cn.wordpress.org/plugins/tags/colors/)[gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/) [theme colors](https://cn.wordpress.org/plugins/tags/theme-colors/) * [高级视图](https://cn.wordpress.org/plugins/block-theme-color-switcher/advanced/) ## 评级尚未提交反馈。 [Your review](https://wordpress.org/support/plugin/block-theme-color-switcher/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/block-theme-color-switcher/reviews/) ## 贡献者 * [ Kadim Gültekin ](https://profiles.wordpress.org/arkenon/) ## 支持有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/block-theme-color-switcher/)