デザインは毎回、新しく。構造は毎回、ゼロから作らなくていい。
WordPressテーマ「Variable Thema」を使い、オリジナルデザインのSkinを制作するための実践ガイド。
共通フレームを活用した制作方法を、設計・実装・検証の流れに沿って学べます。
人間による制作を支援する基本教材に加え、AIとの共同制作に対応したFull Setも用意しています。
教材を選ぶ
※Variable Thema本体は無料です。
商品の提供について
- 本商品はダウンロード形式のデジタル教材です。
- 決済完了を確認後、ご購入時のメールアドレス宛にダウンロード方法をご案内します。
- 原則として1営業日以内にお送りします。
02|この教材で学べること
デザインの自由を保ちながら、制作の土台を共通化する。
Variable Practical Guideは、完成済みのデザインテンプレート集ではありません。
Variable Themaを共通フレームとして利用し、案件ごとに異なるデザインをSkinとして構築するための教材です。
主に学べる内容
| 学習テーマ | 内容 |
|---|---|
| Variable Themaの理解 | 親テーマとSkinの役割分担 |
| 制作環境の準備 | WordPress・開発環境の構築 |
| Skinの設計 | デザイン要件の整理と構造の検討 |
| Skinの制作 | 子テーマによるデザイン実装 |
| 既存サイトへの応用 | 既存デザインを共通フレームへ移す考え方 |
| 品質確認 | 表示・操作・互換性の検証 |
| 運用・保守 | 更新時に確認すべきポイント |
03|教材の全体構成
理解する。制作する。検証する。
教材は、知識を学ぶパートと、実際の制作を進めるパートで構成されています。
| 教材 | 主な内容 | 役割 |
|---|---|---|
| Knowledge | Variableの構造・設計思想・基本知識 | 理解する |
| Protocol | 制作工程・判断基準・確認手順 | 進め方を整理する |
| Toolkit | 設計・確認に使用するワークシート等 | 実務に使う |
| 実践演習 | Skinの制作・交換・表示確認 | 習得する |
04|実践演習の紹介
2つのSkinで、制作と交換を体験する。
今回の教材で特に強いのは、実際の制作工程を教材化していること。
単なる解説書ではなく、手順に沿って進められる演習がある。
Skin A|基本演習
Variable Themaの構造を理解しながら、基本的なSkin制作を進めます。
Skin B|応用演習
異なるデザインのSkinを制作し、Skinの交換と表示確認を行います。
演習では、デスクトップとモバイルの両方を確認します。
05|GuideとFull Setの違い
制作スタイルに合わせて選べる2つの教材。
| 比較項目 | Practical Guide | Full Set |
|---|---|---|
| 価格(税込) | 5,500円 | 9,900円 |
| Variableの基本知識 | ○ | ○ |
| Skin制作の学習 | ○ | ○ |
| 実践演習 | ○ | ○ |
| 人間向け教材 | ○ | ○ |
| AI向けMarkdown資料 | — | ○ |
| AI共同制作の手順 | — | ○ |
| AIとの制作工程を整理する資料 | — | ○ |
| 想定ユーザー | 自分で制作を学びたい方 | AIと共同制作したい方 |
06|AIと共同制作する場合
考えるのは人間。制作工程にはAIも参加できる。
Full Setには、AIが読み取りやすいMarkdown形式の資料を収録します。
制作の前提条件、工程、確認項目をAIと共有することで、指示の繰り返しや認識のずれを減らすことを目指します。
人間
デザインを考える
↓
人間+AI
要件と制作方針を整理する
↓
AI
指示された範囲で実装を支援する
↓
人間
デザインと操作性を確認する
↓
人間+AI
問題を修正・検証する
↓
人間
最終判断を行う
AIは制作を支援しますが、デザインの採否や公開判断を自動的に代行するものではありません。
CodexなどのAI開発支援ツールを利用できますが、特定のAIサービスへの加入を必須とする教材ではありません。
※実際のAI連携機能は、利用するサービスや環境によって異なります。
07|こんな方におすすめ
Web制作会社・デザイナー

複数のWordPressサイトを制作・管理し、開発や保守の効率を高めたい方。
グラフィックデザイナー・デザイン事務所

オリジナルデザインを活かしながら、WordPressサイトの制作にも取り組みたい方。
広告代理店・広告制作会社

Webサイト制作を自社サービスに取り入れたい、または制作工程を標準化したい方。
フリーランスのWeb制作者

サイトごとに共通構造を作り直す負担を減らし、デザインや顧客対応に集中したい方。
WordPress保守・運用事業者

サイトごとに異なる構造を整理し、長期的な更新・保守の負担を軽減したい方。
AIを活用したWeb制作に関心のある方

AIと協働しながら、制作・検証・品質管理を体系的に進めたい方。
08|必要な環境
特別な専用ソフトは必要ありません。
| ツール | 必須/任意 | 用途 |
|---|---|---|
| WordPress | 必須 | サイト制作 |
| Variable Thema | 必須・無料 | 共通フレーム |
| コード編集環境 | 必要 | Skinの編集 |
| Local | 任意 | ローカル開発 |
| CodexなどのAI | 任意 | AI共同制作 |
09|購入後に受け取るもの
| 項目 | 掲載内容 |
|---|---|
| 提供形式 | ダウンロード形式 |
| ファイル形式 | PDF・Markdown・ワークシート等、実際の収録物に合わせて記載 |
| 商品内容 | Guide/Full Setの収録物一覧 |
| 提供方法 | 決済確認後のダウンロード案内 |
| 提供時期 | 納品方法の確定後に明記 |
| 更新 | 更新版の提供条件を明記 |
| 利用範囲 | 個人・法人・複数案件での利用条件 |
| サポート | 教材への問い合わせと個別制作支援の範囲 |
10|よくあるご質問
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サイト制作で繰り返し活用することを想定しています。
共通の制作手順や品質管理基準を再利用することで、案件ごとに同じ構造や作業工程を一から検討する負担の軽減が期待できます。
11|最後の購入セクション
Variable Themaで、次の制作へ。
デザインの自由を保ちながら、共通フレームを使ったWordPress制作を学ぶ。
制作方法に合わせて、2つの教材から選べます。
| Practical Guide | Full Set | |
|---|---|---|
| 価格 | 5,500円(税込) | 9,900円(税込) |
| 特徴 | 人間向け実践教材 | AI共同制作資料を追加 |
| 購入ボタン | 購入はこちら | 購入はこちら |
商品の提供について
- 本商品はダウンロード形式のデジタル教材です。
- 決済完了を確認後、ご購入時のメールアドレス宛にダウンロード方法をご案内します。
- 原則として1営業日以内にお送りします。
