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

🚀 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 <body> tag instantly.

螢幕截圖

評價

There are no reviews for this plugin.

貢獻者及開發者

“Block Theme Color Switcher” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Block Theme Color Switcher 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

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