內容簡介
<h3>外掛總結：</h3>
<p>「Block Theme Color Switcher」外掛讓使用者可以從前端為區塊主題選擇顏色調色板。此外掛與WordPress完美整合，提供一個使用者友善的介面，讓訪客可以輕易在不同的顏色主題間切換。此功能增進了網站的視覺體驗。</p>
<h3>問題與答案：</h3>
<ul>
<li>
<strong>這個外掛的功能是什麼？</strong>
<p>使用者可以從前端為區塊主題選擇顏色調色板。</p>
</li>
<li>
<strong>這個外掛與WordPress如何整合？</strong>
<p>外掛與WordPress完美整合，在WordPress提供一個使用者友善的介面。</p>
</li>
<li>
<strong>訪客可以做什麼？</strong>
<p>訪客可以輕易在不同的顏色主題間切換。</p>
</li>
<li>
<strong>這個外掛的功能有什麼好處？</strong>
<p>此功能增進了網站的視覺體驗。</p>
</li>
</ul>
外掛標籤
開發者團隊
原文外掛簡介
🎨 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
🚀 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
The plugin scans your active Block Theme.
It extracts color definitions from settings.color.palette.
It creates a sleek off-canvas menu on the frontend.
When a user clicks a color, the plugin updates the CSS Custom Properties (Variables) on the
