まずは簡単な紹介動画をご覧ください。

はじめに

ホームページを作ったのに、問い合わせが来ない。少し文章を変えたいだけなのに、そのたびに制作会社へ依頼しなければならない。自分でWordPressを触ろうとしても、HTMLやCSSで手が止まる。 AIを使えば何かできそうだけれど、実際に自社のホームページへどう活かせばいいのか分からない。

もし一つでも当てはまるなら、この教材はあなたのためのものです。

多くの中小企業や個人事業主のホームページは、作ったあとに止まっています。理由はシンプルで、自分で直せないからです。

文章を少し変えたい。新しいサービスを追加したい。採用ページを作りたい。スマホでの見え方を良くしたい。そう思っても、HTMLが分からない。制作会社に頼めば費用も時間もかかる。結果、ホームページは古いまま放置されていく。

これは本当にもったいないことです。ホームページは会社案内ではありません。売上・採用・信頼づくりにつながる、事業の土台です。

この教材のコンセプト

AIに「丸投げ」しない。ブロックで「積み上げる」考え方です！

この教材でお伝えするのは、単なる「AIで文章を作る方法」ではありません。

AIにHTML＋CSSのブロックを作ってもらい、それをWordPressテーマ「Themify」で積み上げながら、自社のホームページを自分で改善していく方法です。

ここで、多くの方が一度は考えることに触れておきます。「わざわざブロックを積み上げなくても、AIにホームページを丸ごと作らせればいいのでは？」

たしかに、それもできます。最初の一枚を出すだけなら、そのほうが早いかもしれません。ですが、問題はそのあとです。

「ファーストビューのキャッチコピーだけ変えたい」「料金表の一箇所を直したい」「サービスを一つ追加したい」

こう思ったとき、ページ全体を一括で作らせる方式では、多くの場合こうなります。もう一度全部を作り直して毎回デザインが変わってしまうか、数百行のコードから該当箇所を探して手で直すか。後者はHTMLが分からなければ、結局そこで止まります。

一方、Themifyでブロックとして積み上げておけば、直したいのは「そのブロックだけ」。 AIに「この選ばれる理由ブロックを3カラムから2カラムに直して」とピンポイントで頼めば、他のブロックには一切影響しません。

丸投げは「作るとき」だけ速い。ブロック方式は「直すとき・育てるとき」に速い。 そしてホームページは、作る時間より、直して育てる時間のほうが圧倒的に長いのです。

しかも、AIの助けが活きるのは作るときだけではありません。 WordPressはバージョンアップが頻繁で、特にメジャーアップデートではトラブルも起きやすい。そうした場面でも、AIにエラー内容を伝えながら原因を切り分け、復旧を進められます。

作るときも、直すときも、トラブルのときも、AIが隣にいてくれる。

これが、AI×WordPress×Themifyという組み合わせの心強さです。

そもそもThemifyとは？

なぜ、今Themifyテーマを使うのか！

ここまで読んで、「そのThemifyって何？」「なぜ他のツールではなく、これなの？」と思われたかもしれません。ここで、はっきりお答えします。ちなみに、「テーミファイ」と発音します。

まず、Themifyを一言でいうと

Themify(テーミファイ)は、WordPressのテーマの一つです。最大の特徴は、ページを「ブロック(パーツ)」を積み木のように並べて組み立てられること。

ふつう、ホームページは一枚の紙にすべてが描かれているようなもので、一箇所を直すのも一苦労です。でもThemifyは、ファーストビュー、サービス紹介、選ばれる理由、FAQ、CTAといったパーツを、上から順に「置いていく」だけでページになります。専門的なコードの画面と格闘するのではなく、目で見て配置できる。これがブロック型と呼ばれる仕組みです。

そして、この教材の肝は、その一つひとつのブロックの中身を、AIに作らせるという点にあります。

なぜ、数あるツールの中でThemifyなのか

「ブロック型ならElementorやDiviもあるのでは？」──WordPressに詳しい方なら、そう思うはずです。その通りで、ブロック型のページビルダーは他にもあります。それでもこの教材でThemifyを選んだのには、はっきりした理由が3つあります。

理由1：AIが書いたコードを、そのまま貼れる

Themifyには「Custom HTML」という、HTML＋CSSをそのまま貼り付けられる仕組みが標準で備わっています。AIに作らせたブロックを、ここに貼るだけで反映される。「AIで作る→貼る→積む」というこの教材のやり方に、最も素直にはまります。一部のビルダーは独自の操作方式が強く、AIが書いた素のコードを活かしにくい場面がありますが、Themifyはその点で扱いやすいのです。

理由2：1ライセンスで、サイト数は“無制限”

ここが、他ツールに対するThemify最大の優位点です。Themifyのクラブ会員(Master Club／Lifetime Club)は、作れるサイト数に制限がありません。自社サイトはもちろん、将来、知人のサイトやLP、制作代行に広げていっても、サイトごとにライセンスを買い足す必要がない。これは、契約サイト数に応じて費用がかさむタイプのツールと比べたとき、長い目で見て大きな差になります。「一度整えれば、いくつでも使える土台」になるわけです。

理由3：ブロック単位だから、あとから直しやすい

これはこの教材の核心そのものです。ページが一枚岩だと一箇所直すのも大変ですが、Themifyはブロックごとに独立している。だから「このブロックだけ直す」がやりやすく、AIとの修正作業と噛み合います。

初心者の方は、まずは「AIが作ったパーツを、積み木みたいに置いて、あとから一つずつ直せるテーマなんだな」と受け取っていただければ十分です。

詳しい方には、こう言い換えます。無制限サイトライセンス × 素のHTML/CSSを活かせるCustom HTML × ブロック単位の可変性──この3つが揃うことが、AIでホームページを育てていくうえでThemifyを選ぶ理由です。

テーマの費用と、かしこい買い方

Themifyは有料です。ただ、料金プランはシンプルで、買い方を工夫すればコストは抑えられます。

プランは大きく、単体テーマ／Master Club(年額・全テーマとプラグインが使える)／Lifetime Club(買い切り・全部が永年使える)の3つ。まずはMaster Clubの年間ライセンスから始めて様子を見て、続けられそうならLifetimeに切り替えるのが、失敗の少ない進め方です。Lifetimeは、数年使えば年額を払い続けるより割安になる計算なので、長く使うなら結果的にお得になります。

さらに、Themifyは年間を通じてセールやキャンペーンを頻繁に行っています。そうしたタイミングを狙ったり、本教材のレビュー特典としてお渡しする20%OFFの公式クーポンを使えば、より安く導入できます。 (Themifyの購入手順やおすすめプランは、本編で画面を見ながら解説します。)

なお、購入後はGPLライセンスのため、仮に会員期間が終了しても、ダウンロード済みのテーマ自体は使い続けられます(最新版へのアップデートやサポートは会員期間中のみ)。この点でも、まず年額で試す入り方は安心です。

この教材で学習すると得られるあなたのベネフィット

この教材のゴールは、完璧なWebデザイナーになることではありません。 AIとThemifyを使って、自社サイトに必要なブロックを、自分で作り・直し・追加できる状態になることです。

具体的には、次のブロックをAIで生成し、Themifyに貼り付け、自社に合わせて調整できるようになります。

まず身につける7つの基本ブロック：ファーストビュー／悩み訴求／サービス紹介／選ばれる理由／実績紹介／FAQ／CTA(申込・問い合わせ導線)。

さらに応用として、LP用セクションや採用ページ用セクションへの展開も見えてきます。

この教材は、3段階で活用できます！

多くの方が期待するのは「AIでHTMLやCSSを作れるようになる」ことだと思います。この教材は、そこからさらに3段階先まで見据えています。

第1段階 ── AIに文章だけでなく、Themifyにそのまま貼れるHTML＋CSSブロックまで作らせられる。

第2段階 ── 作って終わりではなく、色・余白・ボタン・スマホ表示まで、AIに相談しながら自分で修正できる。

第3段階 ── 一度作ったブロックを、自社サイト・LP・採用ページ・別サービスのページへ転用できる。

実際に「こう変わる」──ビフォーアフター

本編では、架空の幼稚園・保育園サイトを題材に、実際の制作を最初から最後まで見せます。

ただし、学ぶ内容は園サイト専用の作り方ではありません。 ファーストビュー、サービス紹介、選ばれる理由、FAQ、CTAといった構成は、業種を問わず使えるホームページ改善ブロックです。士業、店舗、講師業、会社サイト、採用ページにもそのまま応用できます。本編では、作ったブロックを他業種に置き換える考え方も解説します。

〔ここに、ビフォーアフター画像を掲載(3点)〕・ファーストビュー(Before：文章だけ → After：見出し・キャッチ・ボタンが整った第一印象) ・園の特徴(Before：箇条書き → After：3カラムで比較優位が伝わる) ・FAQ(Before：質問の羅列 → CTA(Before：ただのリンク → After：見学予約・問い合わせにつながる導線)

文章だけで「作れます」と言われても半信半疑だと思います。まずは、この3つが実際にどう変わるかをご覧ください。

こちらはヒーロセクションです。画像は任意の画像を選択して、AIにキャッチコピーと文章の位置を調整できるように指示を出して、コードを出してもらいモジュールに貼り付けただけです。

こちらは見た目が同じようですが、AIに指示を出すことで、装飾が可能になります。

こちらのCTAも、前回や前後の色合いをAIが判断して、意図を汲み取ってもらいコードを出してもらいました。

本編カリキュラム

動画講座で、次の流れを順を追って解説します。

第1章：全体像

この動画では、本教材の目的と全体像を解説します。AIを使えば、文章だけでなく、HTML＋CSSのブロックも作れる時代になりました。そしてThemifyを使えば、そのブロックをWordPress上で積み上げながら、ホームページやLPを作成できます。本教材では、AIに丸投げするのではなく、AIにブロックを作らせ、Themifyで形にし、WordPressで育てていく流れを実践していきます。

1-2. この教材で作れるようになるもの

この動画では、本教材で作成するページやブロックの全体像を紹介します。

主な内容は以下です。

ファーストビュー
サービス紹介ブロック
悩み訴求ブロック
選ばれる理由
実績紹介
FAQ
CTA
LP用セクション
採用ページ用セクション
最終的には、これらを組み合わせて、ホームページ改善やLP制作に応用できる状態を目指します。

第2章：WordPressの準備

2-1. サーバーとドメインの準備からWordPressのインストールまで

この動画では、ホームページの土台となるWordPressを用意します。まず「サーバー＝土地」「ドメイン＝住所」「WordPress＝建物」という関係を整理し、エックスサーバーを使って、サーバー契約・ドメイン設定・WordPressの簡単インストールまでの流れを、実際の画面を見ながら確認します。すでにWordPress環境がある方は、この第2章は飛ばしていただいて問題ありません。なお、WordPressを使う理由についても触れます。WordPressは作って終わりではなく、ブログ、固定ページ、LP、採用ページなどを追加しながら育てられる仕組みで、AIと組み合わせれば、文章作成、ページ構成、HTML＋CSSの作成、改善案づくりまで効率化できます。

2-2. 入れておくべきプラグインの導入・設定

この動画では、WordPressを入れた直後に確認しておきたい基本設定を解説します。

サイトタイトル
パーマリンク設定
固定ページの作成
メニュー設定
不要な初期投稿の削除
基本プラグインの考え方

難しい設定は後回しで構いません。まずはThemifyを使ってページを作れる状態に整えます。

第3章：Themify導入

3-1. なぜThemifyを使うのか

このセクションでは、AIとWordPressを組み合わせたホームページ制作で、Themifyを使う理由を解説します。主力テーマUltraとThemify Builderの特徴、デモサイトやブロックを活用した柔軟なページ作成、バックエンド・フロントエンド編集の概要を紹介。さらに、AIが生成したHTML・CSSをモジュールへ貼り付け、サイトを効率よく作成・修正・入れ替えできる方法と、制作代行への応用可能性を説明します。

Themifyを使う理由
ブロック単位でページを作れるメリット
AIと組み合わせやすい理由
自社サイト改善や制作代行への応用
Ultra・Builder・Builder Proの関係

3-2-1. Themifyの購入方法と導入準備

本動画では、Themify公式サイトでのプラン選びから購入、ダウンロードまでの流れを解説します。Ultra単体版、Master Club、Lifetime Club、各種プラグインの違いと費用を比較し、本講座に適した選び方を紹介。30日間の返金保証やアップデート、Brain購入者向け20％OFFクーポンについても説明します。最後に、Member Areaからテーマをパソコンへ保存し、WordPressへ導入する準備を確認します。

Themify公式サイトとMember Area
Themifyのアカウント作成
Ultra単体購入と会員プランの違い
本講座に適したプランの考え方
購入手続き
Ultraのダウンロード
クーポンやキャンペーン利用時の注意点

3-2-2. Ultraのインストール・有効化と初期確認

本動画では、ThemifyのMember AreaからUltraのZIPファイルをダウンロードし、WordPressへアップロードして、インストール・有効化する手順を実演します。あわせて、不要な標準テーマの削除、デモテンプレートの概要、Themify Builderを使った固定ページの作成、トップページへの設定、フルワイド表示やページタイトルを非表示にする方法など、導入直後の基本設定を確認します。

UltraのZIPファイルをアップロード
テーマのインストールと有効化
Themify設定画面の確認
Settings・Skins・Transfer・Demo Import
Builderが使用できるか確認
固定ページでBuilderを表示する
設定内容のバックアップ
Demo Importを使う場合の注意点
Builderが表示されない場合の確認

3-3.Themifyを日本語化する

本動画では、英語表示のThemify Ultraを日本語化する方法を解説します。日本語化に必要なMOファイルの役割と、FTPソフトまたはエックスサーバーのファイル管理を利用する方法を紹介。実演では、Ultraテーマ内のlanguagesフォルダーへja.moをアップロードし、Themify設定画面が日本語化されたことを確認します。翻訳ファイルが更新された際の上書き方法についても説明します。

poファイル、moファイルの違い
エックスサーバーのファイルマネージャーへmoファイルのアップロード
今後のmoファイルのアップデート

3-4. Ultraテーマの基本
3-4-1. Ultraの特徴と基本構造

本動画では、Themify UltraとBuilderの関係を、Ultraはサイト全体の設計、Builderはページ内の各ブロックを作る道具として解説します。Backend／Frontend編集の違いや、Skins・Demo・モジュール・既成ブロックの位置づけを紹介。固定ページにデザインブロックをインポートし、フルワイド表示へ変更して、文字や画像を編集する流れを実演します。既成デザインとAI生成コードを組み合わせる考え方も学びます。

UltraとThemify Builderの関係
SkinsとDemo Siteの違い
デモサイトのインポート
Demo Importで取り込まれる内容
デモデータの削除
Theme AppearanceとPage Appearance
サイト全体設定と個別ページ設定の優先順位
固定ページをトップページに設定
Themify Custom Panelの役割

3-4-2. Ultraのデザインとレイアウト設定

本動画では、Ultraのサイト全体のデザインとレイアウトを変更する基本設定を解説します。Themify設定のTheme Appearanceから、ヘッダー・フッターのレイアウトを選び、フッターテキストを編集する手順を実演。さらに、カスタマイズ画面のBasic／Advancedの違い、基本フォント・文字色、ヘッダーとフッターのロゴ、モバイルメニュー、トップへ戻るボタン、ファビコンの設定方法を紹介します。

サイトロゴとキャッチフレーズ
メインメニューとフッターメニュー
ヘッダーデザイン
固定ヘッダーと透明ヘッダー
ヘッダーの背景と文字色
フッターデザイン
全幅ページとボックスレイアウト
サイドバーの非表示
ページタイトルの非表示
Customize画面のBasicとAdvanced
ページごとに表示を変更する方法

3-5. Themify Updaterの導入とライセンス設定

本動画では、Themifyのテーマやプラグインを更新するために必要なThemify Updaterの導入とライセンス認証を解説します。Member Areaからプラグインとライセンスキーを取得し、WordPressへインストール・有効化する手順を実演。Themify側への利用ドメイン登録、認証情報の入力と確認、自動更新の設定、納品先でユーザー名やライセンスキーを非表示にする方法、WordPress本体を更新する際の注意点も紹介します。

Themify Updaterの役割
ZIPファイルのダウンロード
プラグインのインストールと有効化
ライセンスキーの確認
使用ドメインの登録
自動検出されたドメインのApprove
WordPressへのユーザー名とライセンスキーの登録
テーマとプラグインの個別更新
テーマとプラグインの一括更新
会員プランに含まれる製品のインストール
Status画面の確認
ライセンスエラーの再確認

3-6. Themify Builderの基本操作

本動画では、Ultraに標準搭載されるThemify Builderと、ヘッダー・フッター・投稿ページなどのテンプレートを作成できるBuilder Proの違いを解説します。Text、HTML、Image、Button、Galleryなど、よく使うモジュールと基本的な装飾方法も紹介。さらに、AIが生成したファーストビューのHTML＋CSSをHTMLモジュールへ貼り付け、背景画像、オーバーレイ、余白、パララックス表示を調整する流れを実演します。

Themify Builderとは
BuilderとBuilder Proの違い
Row・Column・Moduleの関係
よく使うモジュールの種類と役割
モジュールの追加・移動・複製・削除
HTMLモジュールの使い方
AIが生成したHTMLとCSSを貼り付ける
パソコン・スマートフォン表示の確認

3-7. 投稿一覧と個別記事の基本レイアウト設定

本動画では、WordPressの投稿機能を使い、HOMEにお知らせ一覧を表示して個別記事へつなぐ方法を解説します。Themify Builderの投稿モジュールで、一覧タイトル、カテゴリー、件数、表示順、リスト／グリッド、抜粋、アイキャッチ、投稿情報を設定。さらに、Default Archive Post Layoutとデフォルト個別記事ページレイアウトから、日付・投稿情報・コメント・アイキャッチの表示を調整し、投稿作成から公開後の確認まで実演します。

投稿モジュールでHOMEにお知らせ一覧を追加
表示件数・レイアウト・抜粋の設定
大きすぎる表示をThemify設定で調整
日付をサークルからインライン表示へ
投稿の本文を書く(コピペ推奨)
モジュールタイトルの文字サイズ・色・配置
アイキャッチ画像の設定
個別記事ページのレイアウト調整
困ったら特典GPTsに相談

第4章：専用GPTsでHTML＋CSSブロックを作る

本動画では、特典「AI×Themifyサイト設計アシスタントGPTs」の基本的な使い方を解説します。新規制作、既存サイト改善、お任せ作成、ファーストビュー作成の各モードから目的に合う進め方を選択。美容室サイトを例に、業種、目的、ターゲット、強み、印象などの質問に答えながら、配色、ページ構成、コピー、HTML＋CSSを作成する流れを実演します。生成後の修正依頼やThemifyの操作質問への活用方法も紹介します。

ファーストビュー
サービス紹介
悩み訴求
選ばれる理由
実績紹介
FAQ
CTA

第5章：AIが作成したHTML＋CSSブロックをThemifyで使う

5-1. ヒーローセクションを作る

本動画では、GPTsが生成したHTML＋CSSをThemify Builderへ貼り付け、美容室サイトのヒーローセクションを作成します。Row・Column・Moduleの構造を確認し、背景画像とパララックス効果を設定して、HTMLモジュールへコードを挿入。文字を読みやすくするオーバーレイの透明度調整や、スクリーンショットをGPTsへ送り、配色・文字の太さを修正する手順も実演します。最後にスマートフォン表示と画像位置を確認します。

アイキャッチ画像の挿入
アイキャッチ用コードの貼り付け
キャッチコピーと説明文の差し替え
CTAボタンの文言とリンク先
Themify側で背景写真を設定する
背景オーバーレイを設定する
文字と写真が重なった場合の調整
ブロックの高さと上下余白
PCとスマートフォンでの表示確認

5-2. 悩み訴求と選ばれる理由を作る

本動画では、美容室サイトの「悩み訴求」と「選ばれる理由」を一つのブロックとして作成します。GPTsへ、前半に顧客の悩み、後半に店舗が選ばれる理由を配置するよう指示し、背景写真や既存の配色に合うHTML＋CSSを生成。Themify Builderで新しいRowとHTMLモジュールを追加してコードを貼り付け、フロントエンド画面で背景色と透明度を調整する流れを実演します。店舗独自の強みを具体化する重要性も説明します。前半で悩み訴求、後半で選ばれる理由を作ります。

悩み訴求

コードの貼り付け
「このようなお悩みはありませんか？」の文章
悩み項目の追加・削除
チェックアイコンと文章の差し替え

選ばれる理由

3つの理由をカード形式で表示
数字・アイコン・見出しの差し替え
自社の強みに合わせた文章変更
カードの並びとスマートフォン表示

5-3. サービス紹介ブロックを作る

本動画では、美容室サイトのサービス紹介を、写真付き3カラムのブロックとして作成します。サービス内容や各特徴、写真の配置、既存ページに合う配色をGPTsへ伝え、HTML＋CSSを生成。Themify BuilderのHTMLモジュールへコードを貼り付け、背景色と透明度を調整します。さらに、WordPressのメディアライブラリーから画像URLを取得し、コード内の指定箇所へ置き換えて、各サービス写真を表示する手順を実演します。

3列カード型コードの貼り付け
サービス名と説明文の差し替え
写真・アイコンの差し替え
カードの追加・削除
カードの高さと余白
PCでは3列、スマートフォンでは1列になることを確認

5-4. 実績紹介ブロックを作る

本動画では、美容室サイトに信頼感を加える「実績紹介」ブロックを作成します。所属団体、受賞歴、実績数など、掲載したい項目と背景写真の有無をGPTsへ伝え、HTML＋CSSを生成。Themify Builderのフロントエンド画面で新しいRowとHTMLモジュールを追加し、コードを貼り付けます。さらに、前後のブロックとメリハリを付けるため、指定色と透明度で背景を変更し、修正済みコード全体を再出力させる方法や不要な文章の削除も実演します。

実績紹介用コードの貼り付け
数字を大きく見せるブロック
実績数値の差し替え
事例カードの写真と文章
実績カードの追加・削除
根拠のない数字や誇張表現を掲載しない
スマートフォン表示の確認

5-5. 会社（店舗）概要を作る

本動画では、美容室サイトの店舗概要を、左側に店舗情報、右側にGoogleマップを配置した2カラム構成で作成します。店舗名・住所・営業時間などの掲載内容と、地図用の枠を確保するようGPTsへ指示し、生成されたHTML＋CSSをThemify Builderへ貼り付けます。さらに、Googleマップの「共有」から埋め込みコードを取得し、HTML内の指定箇所へ置き換える手順や、余白・背景色を調整して前後のブロックと見やすく区切る方法を実演します。

2カラム構成のやり方
Googleマップの貼り付け方法

5-6. FAQを作る

本動画では、美容室サイトのFAQ（よくある質問）ブロックをGPTsで作成し、Themify Builderへ設置する手順を解説します。質問と回答、背景写真の有無、配色を指定してHTML＋CSSを生成し、HTMLモジュールへ貼り付けて表示を確認。初心者向け教材では安定性を優先し、JavaScriptを使わず回答を常時表示する静的FAQを採用します。開閉式にしたい場合は、Themify標準のAccordionモジュールを利用する考え方も紹介します。

FAQコードの貼り付け
質問と回答の差し替え
FAQ項目の追加・削除
開閉式FAQについて

5-7.CTAを作る

本動画では、サイトの最後に問い合わせへ誘導するCTAを作成します。既存ページの配色に合うデザインと、Contact Form 7のショートコードを組み込む枠をGPTsに生成させ、Themify BuilderのHTMLモジュールへ貼り付けます。フォームのショートコードを指定箇所へ差し替え、文字色が反映されない場合は、スクリーンショットと現状をGPTsへ伝えてCSSを含むコード全体を再出力。CTAとフォームの色を統一して完成させる流れを実演します。

CTAコードの貼り付け
見出しと説明文の差し替え
ボタンの文言とリンク先
電話番号をタップできるリンクにする
お問い合わせ・予約・資料請求への応用
ボタンのスマートフォン表示

第6章：AIによる修正・改善・運用

本動画では、これまで作成した美容室サイトを仕上げながら、AIとThemifyを使い分けて修正・改善・再利用する方法を解説します。Customize画面でロゴ、サイト名、キャッチフレーズ、ヘッダー背景を整え、メインメニューを作成。お知らせ部分では、AIで見出しを作り、Themifyの投稿モジュールと組み合わせて背景色・配置・文字サイズを調整します。ヒーローセクションは、スクリーンショットをGPTsへ送り、文字背景のぼかし色を変更したコード全体を再出力。文章だけの軽微な変更はHTML内を直接編集します。さらに、フッターロゴ、メニュー、YouTube動画、地図、背景画像、見出し色をウィジェットで整え、完成したモジュールを書き出して別ページへ取り込む手順まで実演します。

ヘッダーの直し方
投稿モジュールの調整方法
修正したいブロックのHTML＋CSSをAIに渡す
現在の問題と希望する状態を伝える
変更してほしくない部分も伝える
背景色や文字色を変える
ボタンを目立たせる
文章量や文字サイズを調整する
スマートフォン表示を修正する
他のサイトへの書き出し方
Themifyの使い方が分からない場合のGPTsの活用方法

購入者特典

どれも「途中で止まらない」ための補助線です

特典の一つひとつは、初心者がつまずきやすいポイントを先回りして潰すために用意しました。前半4つはホームページ構築そのものを支える道具、後半2つは、作ったサイトに載せる「集客」と「発信」までを自分の手で回せるようにするための道具です。

特典1：AI×Themify サイト設計アシスタントGPTs（そのまま使える完成版）
業種・目的・ターゲット・悩み・強み・CTAなどを対話形式で入力するだけで、サイトのコンセプト、配色、ブロック構成、Themifyに貼りやすいHTML＋CSSブロックまで生成できる専用GPTsです。「しっかり設計」「おまかせ時短」「すぐ生成」の3モードから選べるので、じっくり作りたい方にも、今すぐ1ブロックだけ欲しい方にも対応します。
→ 「AIにどう頼めばいいか分からない」を潰します。

特典2：ホームページ改善ヒアリングシート
AIに良い出力をさせるために、ターゲット・悩み・自社の強み・提供価値・CTAを整理するシートです。記入してそのままGPTsに貼れます。
→ 「何を伝えればいいか分からない」を潰します。

特典3：Themify Quickスターターガイド（オリジナル版）
Themify公式Quick Starter Guideをもとに、テーマの導入、デモインポート、Builderの基本操作、ロゴ・メニュー・フッター設定などを日本語で解説した写真付きPDFです。初めての方でも、画面を見ながら初期設定を進められます。
→ 「操作が不安」を潰します。

特典4：AI修正指示プロンプト集
AIにホームページの修正を依頼するときに、そのまま使える実践プロンプト集です。文字・色・余白・画像・ボタン・スマホ表示など、よくある修正目的別に収録。専門知識がなくても、希望を具体的に伝えて効率よく改善できます。
→ 「崩れたときに自分で直せない」を潰します。

よくある質問

Q. パソコンやHTMLが苦手でも使えますか?
A. HTMLやCSSが分からない方を前提に作っています。コードはすべて専用GPTsが書いてくれるので、あなたがやるのは「コピーして貼る」だけ。詰まったら、そのGPTsに「どこを設定すればいい?」と聞けば、画面の手順まで案内してくれます。うまく伝わらないときは、困っている画面のスクリーンショットを貼って質問すればOKです。

Q. WordPressをまだ持っていません。始められますか?
A. 大丈夫です。本編で、レンタルサーバーの準備からWordPressの導入、Themifyの設定まで、順を追って解説しています。すでにWordPress環境をお持ちの方は、その章を飛ばして進められます。

Q. すでにホームページを持っています。作り直さないとダメですか?
A. いいえ。むしろ既存サイトをお持ちの方に向いています。専用GPTsには「今のサイトを改善するモード」があり、変えたい箇所のスクリーンショットを見せて「ここをこう変えたい」と伝えるだけで、今の雰囲気を活かしたまま改善できます。サイト全体を作り直す必要はありません。

Q. ChatGPTは無料版でも使えますか?
A. 特典の専用GPTsは、ChatGPTのGPTs機能を使います。ご利用にはChatGPTの該当プランが必要になる場合があります。お手持ちのアカウントでGPTsが開けるか、事前にご確認ください。

Q. Themifyは有料と聞きました。他の費用もかかりますか?
A. はい、実際にサイトを運用するには、レンタルサーバー、独自ドメイン、Themifyテーマなどの費用が別途かかる場合があります(すでにお持ちの方はそのまま使えます)。Themifyには年間ライセンスと買い切りライセンスがあり、本編で「かしこい買い方」も解説します。また、レビュー特典として、Themifyを20%OFFで購入できる公式クーポンをご用意しています。

Q. WindowsでもMacでも使えますか?
A. 両方で使えます。WordPressもThemifyも専用GPTsも、ブラウザで動くため、OSを問いません。

Q. 作ったブロックは、あとから自分で直せますか?
A. はい、それがこの教材の一番の目的です。ブロックごとに独立しているので、直したい部分だけを専用GPTsに頼めば、他に影響を与えずに修正できます。「余白を広げて」「色を変えて」といった頼み方は、特典のプロンプト集にまとめてあります。

Q. 幼稚園・保育園向けの内容ですか?
A. いいえ。本編では架空の園サイトを実演の題材にしていますが、学ぶ内容は業種を問いません。ファーストビュー、サービス紹介、選ばれる理由、FAQ、CTAといった構成は、士業、店舗、講師業、会社サイト、採用ページなど、あらゆる業種に応用できます。本編では他業種への置き換え方も解説します。

Q. この教材で作ったサイトは、商用利用できますか?
A. できます。ご自身の事業のサイトはもちろん、将来的に制作代行としてクライアントのサイトに応用することもできます。教材本体や特典GPTsの転売・再配布のみ、ご遠慮ください。

Q. 個別のサポートはありますか?
A. はい、あります。操作や修正で分からないことがあれば、メールまたはコメントでご質問いただければ、私が直接対応します。IT業界30年、幼稚園・保育園をはじめ多くのサイト制作を続けてきた経験から、できる限りお答えします。あわせて、特典の専用GPTsも相談相手になります。「どこを設定すればいい?」と聞いたり、画面のスクリーンショットを貼って質問すれば、その場ですぐ解決できることも多いはずです。まずGPTsに聞いて、それでも解決しなければ私に聞く、という2段構えで、詰まったまま止まることがない設計です。

Q. 返金はできますか?
A. デジタルコンテンツの性質上、購入後の返金には対応していません。だからこそ、この無料部分で、教材の中身、必要な環境、追加でかかる費用まで、すべて開示しています。ご納得のうえでお申し込みください。

Q. 購入後、内容は追加・更新されますか?
A. はい。購入者の方からいただいた質問やつまずきをもとに、業種別の置き換え例、追加ブロック事例などを順次拡充していく予定です。初期価格で購入された方も、追加された内容はそのままご覧いただけます。

レビュー特典

本教材で使用するWordPressテーマ「Themify」を、20%OFFで購入できる公式クーポンコードをご用意しました。これは Themify社より正式に発行承認を受けた、本教材の読者向けクーポンです。

このクーポンは、ご購入後教材へのレビューをご投稿いただいた方への特典としてお渡しします。実際に手を動かして教材を進め、感想をお寄せいただいた方に、Themify導入費用を抑えていただくためのものです。

※クーポンの配布方法・受け取り手順は、レビュー投稿後にご案内します。 ※クーポンの内容・有効期限はThemify社の規定に準じます。予告なく変更・終了する場合があります。

価格について

本教材の価格は 9,800円 です。

事業者の方にとっては、制作会社への小さな修正依頼1〜2回分を自分で対応できるだけでも、じゅうぶんに元が取れる内容だと考えています。何より、一度身につければ、これから先ずっと「自分で直せる」という資産が手元に残ります。

なお、実際にWordPressサイトを運用するには、レンタルサーバー・独自ドメイン・Themifyテーマなどの費用が別途かかる場合があります(すでにお持ちの方はそのまま進められます)。教材の内容は、あなた自身が手を動かして進めていく実践形式です。

初期購入者価格について

本教材は、初期購入者価格として9,800円で公開します。初期価格は、公開後10日間または先着30名までのいずれか早い方で終了し、その後は 12,800円 に改定予定です。

今後は、購入者の方からいただいた質問やつまずきポイントを反映しながら、業種別の置き換え例、追加ブロック事例、表示崩れ対策の強化などを順次拡充していく予定です。追加コンテンツ反映後は、内容に応じて 14,800円以上 へ価格を改定する可能性があります。

初期価格で購入いただいた方も、今後追加される内容はそのままご覧いただけます。 早く手にする方ほど、安く、そして育っていく教材を最後まで受け取れる設計です。

こんな方におすすめです

WordPressで自社ホームページを運用している(したい)方。HTMLやCSSに苦手意識がある方。制作会社に頼りきらず、自分で改善できる力を持ちたい方。中小企業の社長、個人事業主、士業、店舗、講師、コンサルの方。将来的にLP・採用ページ制作や制作代行にも応用したい方。

逆に、完全自動で何もせず作りたい方、AIに丸投げすれば売れると思っている方、WordPressをまったく触る気がない方には向きません。

この教材は、魔法のボタンではありません。でも、AIとThemifyを使って、自社のホームページを自分で直し、育てていく力は、確実に手に入ります。

作って終わりではなく、直せる。直せるから、育てられる。育てられるから、売上や採用につながっていく。

その第一歩を、ここから踏み出してください。

それでは、本編でお会いしましょう！

ご購入前に、視聴環境についてのご案内

本教材の講義動画は、Brain記事内ではなく、専用の会員サイトでご視聴いただく形式です。

ご購入後、有料パート内に会員サイトへの登録URLをご案内しています。そちらからメールアドレスをご登録いただくだけで、すべての講義動画を視聴いただけます（登録は無料・数分で完了します）。

各章の解説テキスト・スライド資料・チェックリスト・プロンプト集は、Brain記事内でそのままお読みいただけます。動画は、その内容を実際の操作で確認していただくためのものです。

※スマートフォン・タブレット・パソコンのいずれからでもご視聴いただけます。

ここから有料コンテンツになります。