デザイン全体を、一つの画面で。
タイ語もラテン文字も、CSS なしで。
Design Controller は WordPress サイトのデザインシステム（フォント、タイポグラフィスケール、色、余白、形状、コンポーネントのスタイル）に一つの置き場所を与えます。値を変えるとライブプレビューで実際のサイトが追従し、そのまま公開できます。カスタマイザーやサイトエディター、ページビルダーには何も書き込まないので、無効化すればすべて元に戻ります。
Design Controller を選ぶ理由
タイ語を最優先にしたタイポグラフィ
すべての見本に、最初に崩れる母音記号や声調記号を含むタイ語テキストを表示。タイ語向けの行の高さの目安、字間調整のガード、文字体系ごとのタイ語＋ラテン文字の組み合わせ、すべてのフォント提供元に付く「Thai ✓」バッジ。
セルフホストのフォント、レイアウトシフトなし
Google Fonts や Bunny Fonts から選んだフォントは WordPress のフォントライブラリに woff2 として一度だけダウンロードされ、タイ語とラテン文字に分割されます。プリロードは最大 2 つ、メトリクスを合わせた代替フォント付きなので、テキストが飛びません。
ほぼゼロのフットプリント
wp_head のインラインスタイル一つ、gzip 後で約 2 KB。公開サイトに JavaScript はゼロ、追加のデータベースクエリもゼロ。リリースごとに計測しています。
ライブプレビューと安全な編集
三つのペイン：パネル、デスクトップ・タブレット・スマートフォンでの実際のサイトのプレビュー、そしてコントロール。下書きは自動保存、取り消しとやり直し、変更点をすべて列挙する公開ダイアログ、復元できる履歴。
レシピとしてのコンポーネント
ボタン、リンク、フォーム項目、カード、メニューは、テーマ自身のセレクター上でトークンに従わせられます。コンポーネントごとにオンにし、残りはテーマに任せます。
Design Doctor
安全で元に戻せる修正付きの 12 のチェック：二重に読み込まれたフォント、タイ語グリフの欠落、WCAG AA 未満のコントラスト、小さすぎる本文、追加 CSS のハードコードされた値、古いキャッシュなど。
実際の画面
無料版と Pro
無料版の機能はすべて完全で、ロックされているものはありません。Pro は別ビルドで、以下の連携機能とチーム向け機能、優先サポート、自動更新を追加します。
| Free | Pro | |
|---|---|---|
| デザイントークン：フォント、タイポグラフィスケール、色、余白、形状、コンポーネント | ✓ | ✓ |
| 実際のサイトのライブプレビュー、自動保存、取り消し／やり直し、差分付き公開、履歴 | ✓ | ✓ |
| タイ語／ラテン文字サブセット、組み合わせ、CLS のない代替フォントを備えたセルフホストのフォント | ✓ | ✓ |
| ブロックエディター、WooCommerce、ページキャッシュとの連携 | ✓ | ✓ |
| 12 のチェックと安全な修正を備えた Design Doctor | ✓ | ✓ |
| 内蔵プリセット、DTCG JSON と CSS の書き出し、スタイルガイド、REST、WP-CLI、フック | ✓ | ✓ |
| Flatsome / UX Builder 連携 | — | ✓ |
| Elementor 連携 | — | ✓ |
| チームのガードレール：ロックされたトークン、編集を許可するロール | — | ✓ |
| 独自のブランドキット（プリセットの保存） | — | ✓ |
| Tokens Studio（Figma）の読み込み | — | ✓ |
| 優先サポートと自動更新 | — | ✓ |
正直に言えば、テーマが CSS カスタムプロパティを読み、ページビルダーを使っていないなら、無料版が製品のすべてです。Pro が価値を持つのは Flatsome と Elementor のサイト（テーマオプションやビルダーのグローバルな色とフォントが、手作業でコピーする代わりにレンダリング時にトークンへ追従します）と、編集者がフォントは変えられてもロックされたブランドカラーには触れないチームです。
無料版プラグインの「Pro にアップグレード」タブに表示されるものと同じ表です。
料金
買い切り
- Flatsome / UX Builder 連携
- Elementor 連携
- チームのガードレール：ロックされたトークン、編集を許可するロール
- 独自のブランドキット（プリセットの保存）
- Tokens Studio（Figma）の読み込み
- 優先サポートと自動更新
- アップデートとサポートが永続
- 一度払えば、あとは気にしなくて大丈夫
近日提供