「デザインは自由に。構造は共通に。」
WordPressサイトの制作と保守に、再利用できる共通フレームを。
Variable Themaは、株式会社Soleilが開発するWordPress用の共通フレームワークです。
サイトの基本構造とデザインを分離することで、制作者が独自のデザインを自由に実装しながら、WordPressの更新や保守に対応しやすい制作環境を提供します。
無料・GPLライセンスでの配布を基本方針とし、制作会社や個人制作者による自由なSkin（子テーマ）制作を支援します。
また、導入・制作・品質管理を体系化した実践教材「Variable Practical Guide」も開発しています。
つくる自由を残し、繰り返す負担を減らす。
Variable Themaは、株式会社Soleilが開発する無料・GPLのWordPress共通フレームワークです。
おすすめの方｜Who is Variable for?
WordPressをつくる人にも、支える人にも。
Variable Themaは、WordPressサイトの制作・管理に関わるさまざまな方に向けて開発されています。デザインの自由度を維持しながら、制作工程の共通化や長期的な保守の効率化を目指せます。
Web制作会社・デザイナー
複数のWordPressサイトを制作・管理し、開発や保守の効率を高めたい方。
グラフィックデザイナー・デザイン事務所
オリジナルデザインを活かしながら、WordPressサイトの制作にも取り組みたい方。
広告代理店・広告制作会社
Webサイト制作を自社サービスに取り入れたい、または制作工程を標準化したい方。
フリーランスのWeb制作者
サイトごとに共通構造を作り直す負担を減らし、デザインや顧客対応に集中したい方。
WordPress保守・運用事業者
サイトごとに異なる構造を整理し、長期的な更新・保守の負担を軽減したい方。
AIを活用したWeb制作に関心のある方
AIと協働しながら、制作・検証・品質管理を体系的に進めたい方。
機能・特徴｜Structure & Design
共通化するのは、デザインではなく構造です。
Variable Themaは、WordPressの親テーマと子テーマの仕組みを活用しています。共通フレームとなる「Variable Thema」と、サイト固有のデザインを担当する「Skin」。
それぞれの役割を分けることで、構造の再利用とデザインの自由度を両立します。
特徴1｜共通フレーム
繰り返し使える、WordPressの基本構造。
Variable Themaは、WordPressサイトの基本構造を担う親テーマです。共通部分を継続的に改善し、サイトごとに同じ構造を一から作り直す負担を減らします。
特徴2｜自由なSkin制作
デザインは、制作者のもの。
サイト固有のデザインや表現は、子テーマ「Skin」で実装します。SkinはSoleilだけでなく、制作会社や個人制作者が自由に開発できます。独自のSkinを制作し、商用サイトに利用したり、販売したりすることも可能です。
※配布・販売時には適用されるライセンスや第三者の権利を遵守する必要があります。
特徴3｜継続的な保守
つくった後も、育てられる構造へ。
WordPressは、公開後も継続的な更新が必要です。Variable Themaでは、共通フレームの更新を通じて、複数サイトに共通する保守作業の再利用を目指します。サイト固有のSkinやプラグイン、サーバー環境については、それぞれの検証が必要です。
特徴4｜AIとの協働
AIは作業を支援する。判断は人間が担う。
Variable Themaは、AIを利用しなくても制作できます。さらに、実践教材「Variable Practical Guide」を利用することで、AIが参照できる制作資料や手順を活用した制作にも取り組めます。人間が成果物を確認し、必要な修正を指示しながら完成を目指す制作方式です。
Practical Guide｜実践教材の紹介
フレームを使う。その先の制作まで。
Variable Themaは、無料で利用できるWordPressテーマです。
一方、制作の現場では、テーマの使い方だけでなく、設計判断、実装手順、品質確認、公開後の保守など、さまざまな知識が求められます。
Variable Practical Guideは、こうした制作工程を体系化した実践教材です。
WordPressサイトの制作から検証、公開、保守までを見据え、人間とAIの双方が参照できる制作環境を目指しています。
オリジナルスキンの作成を助ける強い味方
オリジナルテーマの実装に向けたMarkdownファイル（.md）を販売しております。初回買い切りで自社内等で繰り返しご利用いただけます。
教材はMarkdown形式（.md）で提供しています。Full SetにはAIが参照できる制作手順や判断基準を収録しており、CodexなどのAI開発ツールと協働しながら、Skin制作を効率的に進めることができます。
使用例
例えば、現在運用しているオリジナルデザインのWordPressサイトについて、既存のデザインを維持しながら、共通構造をVariable Themaへ移行するケースです。
Full Setの資料をCodexに参照させることで、既存テーマの調査やSkinへの分離・移行作業を支援できます。
移行後は、サイト固有のデザインと共通フレームを分けて管理できるため、将来の更新や保守における作業の共通化が期待できます。
※実際の移行には、制作担当者による確認・修正・動作検証が必要です。
3つの利用方法
| Free | Guide | Full Set | |
|---|---|---|---|
| Variable Thema | ○ | ○ | ○ |
| 独自Skin制作 | ○ | ○ | ○ |
| 制作・運用教材 | ― | ○ | ○ |
| AI参照用Markdown | ― | ― | ○ |
| Protocol・Toolkit | ― | 商品構成に準拠 | ○ |
| 想定利用者 | 自力で制作する方 | 制作方法を学びたい方 | AIと協働したい方 |
| 販売価格 | － | ¥5,000（税別） | ¥9,000（税別） |
MarkDown File
VariableのSkinをAIと実装するために
Practical Guideは、より体系的に制作を進めたい方のための追加教材です。AIに読み込ませることでより簡易的にSkinの制作を行えます。
実行環境｜Development Environment
いつものWordPress制作環境から、始められます。
Variable Themaは、WordPressの親テーマとして動作します。
特別なAIサービスや専用アプリケーションがなければ利用できない仕組みではありません。
一方、開発・検証を安全に進めるため、Soleilではローカル開発環境の利用を推奨しています。
WordPress
Variableの動作基盤
Variable ThemaはWordPress上で利用するテーマです。既存のWordPress制作環境を活用できます。
Codex
AIを、制作の作業参加者に。
Codexは、コードの作成・修正・検証などを支援するAI開発ツールです。Practical Guideのフルセットでは、AIが参照できる資料を活用した制作を想定しています。
CodexはVariable Themaの利用に必須ではありません。
Local
手元でつくり、確かめる。
Localは、パソコン上にWordPressの開発環境を構築できるツールです。公開中のWebサイトに直接変更を加えることなく、Skin制作や動作確認を進められます。
デモサイトのご案内
Variableテーマは弊社サイトではオリジナルスキンを利用して実際に稼働しています。基本的なサイトの機能のほか、カスタマイズでデザインの変更はもちろん、機能の追加も豊富に行えます。
もちろん。オリジナルスキンのない状態でもご利用いただけます。実際の実装実例のご紹介も併せて、デモサイトをご覧ください。
DemoSite
実際にテーマを触る
オリジナルスキンのないサイトです
動作環境・技術仕様｜Technical Specifications
導入前に、環境を確認。
Variable Themaの利用に必要なWordPress環境と、制作・検証に推奨する開発環境を案内します。実際の対応範囲は、公開するテーマのバージョンと検証結果に基づいて更新します。
| 項目 | 掲載内容 |
|---|---|
| 製品名 | Variable Thema |
| 製品種別 | WordPress親テーマ |
| ライセンス | GPL |
| 対応WordPress | 正式対応バージョンを記載 |
| 対応PHP | 正式対応バージョンを記載 |
| 子テーマ | 対応 |
| マルチサイト | 検証状況に応じて記載 |
| 推奨開発環境 | Local |
| AI開発支援 | Codexなど（任意） |
| 配布方法 | WordPress.orgでの配布を予定 |
| 開発・提供 | 株式会社Soleil |
よくあるご質問
Variable Themaは無料で利用できますか？
はい。Variable Themaは、無料・GPLライセンスで提供するWordPressテーマです。WordPressサイトの共通構造を担う親テーマとして、個人・法人を問わず利用できます。商用Webサイトでの利用も可能です。
また、Variable Themaを利用するために、有償教材「Variable Practical Guide」を購入する必要はありません。
※WordPress.orgでの公式配布に向けて準備を進めています。
Variable Themaを使うと、デザインに制限が生まれませんか？
Variable Themaは、デザインの自由度を維持することを重視して設計されています。
WordPressサイトの共通構造を親テーマ「Variable Thema」が担当し、サイト固有のデザインは子テーマ「Skin」で実装します。
そのため、共通フレームを利用しながら、企業サイトやブランドサイトなど、それぞれの目的に合わせた独自のデザインを制作できます。ただし、WordPressの仕様や親テーマの構造に応じた実装上の制約はあります。
Soleilが目指しているのは、共通化する構造であり、デザインではありません。
制作したSkinを販売することはできますか？
はい。Variable Themaを利用して制作したSkinは、商用利用や販売を行うことができます。
Skinの制作は株式会社Soleilに限定されておらず、Web制作会社や個人制作者が独自に開発・提供できます。また、Skinの制作をSoleilへ依頼することも可能です。
なお、Skinの配布・販売にあたっては、WordPressおよびGPLライセンスの条件、使用する素材やプログラムの権利を遵守する必要があります。
Variable Themaの更新や保守はどうなりますか？
Variable Themaの共通フレーム部分は、株式会社Soleilが継続的に改善・更新していく方針です。共通構造を親テーマに集約することで、複数サイトに共通する修正や改善を再利用しやすくなります。ただし、親テーマの更新によって、すべてのWebサイトの動作や安全性が自動的に保証されるわけではありません。
各サイトのSkin、プラグイン、WordPress本体、サーバー環境などについては、個別の確認と検証が必要です。長期的な運用を見据え、制作時だけでなく公開後の保守にも取り組みやすい構造を目指しています。
Variable Practical Guideを購入するメリットは何ですか？
Variable Practical Guideは、Variable Themaを利用したWordPressサイトの制作・検証・公開・保守を体系的に学ぶための実践教材です。
テーマの操作方法だけでなく、制作時の判断基準、作業手順、品質確認など、実務で必要となる内容を扱います。
また、AIとの協働制作に対応したフルセットでは、CodexなどのAI開発ツールが参照できるMarkdown形式の資料や、制作を支援するProtocol・Toolkitを提供する予定です。AIが実装作業を補助し、人間がデザインや動作を確認・承認する制作方法を想定しています。
制作のたびにゼロから考える負担を減らし、制作経験を次の案件に活かすことを目指した教材です。
Practical Guideは複数のWebサイト制作に利用できますか？
はい。Variable Practical Guideは、複数のWordPressサイト制作で繰り返し活用することを想定しています。
共通の制作手順や品質管理基準を再利用することで、案件ごとに同じ構造や作業工程を一から検討する負担の軽減が期待できます。
MarkDown File
VariableのSkinをAIと実装するために
Practical Guideは、より体系的に制作を進めたい方のための追加教材です。AIに読み込ませることでより簡易的にSkinの制作を行えます。