ヨガスタジオのサイトは「初めての人が不安なく体験レッスンを予約できること」と「通っている人がスケジュールをすぐ確認できること」の2つを軸に組み立てると、迷わず作れます。この記事では、WordPressでスタジオのサイトを作るときのページ構成、テーマの選び方、予約やレッスン表の実現方法、公開後の運用と公開前のチェック項目を、管理画面の操作を中心に順に説明します。
ヨガスタジオのサイトは誰のために作るか
最初に、訪れる人とその人が知りたいことを整理しておくと、ページ構成で迷いません。ヨガスタジオのサイトを見る人は、大きく3種類に分かれます。
- これから通うか検討している人：どんなクラスがあるか、初心者でもついていけるか、持ち物や服装、更衣室の有無、駅からの道順を知りたい
- すでに通っている会員：今週のスケジュール、休講・代行のお知らせ、予約の確認や変更をしたい
- 地域で探している人：「地名＋ヨガ」で検索し、場所と雰囲気を短時間で比べたい
検討中の人は、不安が一つでも残ると予約ボタンを押しません。会員は、スマートフォンで数秒以内にスケジュールにたどり着けないと、問い合わせの電話やメッセージが増えます。この2つの導線を短くすることが、サイトの役割の中心です。
情報設計：用意するページと役割
WordPressでは、内容がほとんど変わらないページを「固定ページ」、日付とともに増えていく情報を「投稿」で作ります。ヨガスタジオでは次の構成が基本になります。
- トップページ：スタジオの雰囲気が伝わる写真、体験レッスンへのボタン、今週のスケジュールへの入口
- 初めての方へ：当日の流れ、持ち物、服装、レッスン前の食事の目安、よくある不安への答え
- クラス紹介：クラスごとの内容、強度、対象（初心者向け・経験者向けなど）
- スケジュール：曜日・時間・クラス名・担当インストラクター
- 料金・会員制度：プランの種類と、体験レッスンの扱い
- インストラクター紹介：経歴、資格、担当クラス、人柄が伝わる一言
- アクセス：住所、地図、最寄り駅からの道順写真、駐車場や駐輪場の有無
- 予約・お問い合わせ
- お知らせ（投稿）：休講、代行、イベント、ワークショップ
- プライバシーポリシー：予約や問い合わせで個人情報を受け取るため必須
グローバルメニューは5〜6項目程度に絞り、「体験予約」だけはボタンとして目立たせると、スマートフォンでも迷いにくくなります。メニューは、ブロックテーマなら「外観」→「エディター」のナビゲーションブロックで、クラシックテーマなら「外観」→「メニュー」で設定します。
テーマの選び方
ヨガスタジオのサイトは写真の印象が大きいため、テーマは次の観点で選びます。
- 写真を大きく見せられるか：全幅の画像や、写真と文章を左右に並べるレイアウトが標準で使えるか
- スマートフォンでの見やすさ：閲覧の大半はスマートフォンです。文字の大きさ、ボタンの押しやすさを実機で確認します
- 更新が続いているか：公式テーマディレクトリでは、最終更新日と対応するWordPressのバージョンが表示されます。長く更新が止まっているものは避けます
- ブロックエディターとの相性：レイアウトを自分で調整したいなら、サイト全体をエディターで編集できるブロックテーマが扱いやすいです
まずはWordPressのデフォルトテーマで構成を作り、足りない部分が見えてからテーマを変えるのも現実的な進め方です。色やフォントは、落ち着いた色を2〜3色に絞ると、写真が引き立ちます。
必要な機能と実現方法
レッスン予約
予約の実現方法は、大きく「WordPressの予約プラグインを使う」か「外部の予約サービスを埋め込む・リンクする」かの2つです。
予約プラグインでは、Amelia、Bookly、Simply Schedule Appointments などがよく使われています。導入前に確認したいのは次の点です。
- グループレッスンの定員管理ができるか：ヨガは1対1の予約より、1枠に複数人が入る形が中心です。定員や残席の表示に対応しているか、無料版でどこまで使えるかはプラグインごとに異なるため、公式サイトの機能一覧で確かめます
- キャンセルや振替の扱い：会員自身がキャンセルできるか、締め切り時刻を設定できるか
- 通知メール：予約完了やリマインドのメールが届くか。WordPressからのメールは迷惑メールに入りやすいため、SMTP設定を行うプラグインで送信元を整えておくと安心です
- 決済の要否：事前決済を受けるか、当日支払いにするか
すでに店舗管理用の予約サービスを使っている場合は、無理にWordPress側で予約を持たず、予約ボタンからそのサービスへリンクするほうが二重管理を防げます。
スケジュール表
スケジュールは、予約プラグインのカレンダー表示を使うか、固定ページに表ブロックで作ります。表で作る場合は、曜日を行、時間帯を列にすると横に長くなり、スマートフォンで読みにくくなります。曜日ごとに見出しを立て、その下に時間とクラス名を並べる形のほうが、スマートフォンでは読みやすくなります。
休講や代行は表を書き換えるだけでなく、お知らせ（投稿）としても出しておくと、会員が変更に気づきやすくなります。
インストラクター紹介とクラス紹介
ブロックエディターの「メディアとテキスト」ブロックを使うと、写真と紹介文を左右に並べられます。クラス紹介は、クラスごとに「強度」「対象」「所要時間」など同じ項目で揃えると、比べやすくなります。
アクセスと地域での見つかりやすさ
地図はGoogleマップの「共有」→「地図を埋め込む」で得られるコードを、「カスタムHTML」ブロックに貼り付けて表示できます。地図だけでなく、住所・電話番号・営業時間を文字でも載せ、Googleビジネスプロフィールの情報と表記を揃えておくと、地域検索での情報の一貫性が保てます。
写真の扱い
レッスン風景の写真に会員が写る場合は、掲載の同意を事前に得ます。画像はアップロード前に適切なサイズへ縮小し、表示速度への影響を抑えます。
公開後の運用
- スケジュールとお知らせの更新：更新が止まったサイトは「営業しているのか」という不安を与えます。更新担当と頻度を決めておきます
- ブログ記事：ポーズの解説やレッスンの様子は、スタジオの雰囲気を伝える材料になります。健康面の効果を断定する表現は避け、体験として書くのが無難です
- WordPressとプラグインの更新：予約プラグインは個人情報を扱うため、更新を放置しないようにします。更新前にはバックアップを取ります
- 予約の動作確認：プラグイン更新後は、テスト予約を1件入れて通知メールまで届くかを確認します
公開前チェックリスト
- 体験レッスンの予約ボタンが、トップページとスマートフォンのメニューから1〜2タップで押せる
- テスト予約を行い、予約者とスタジオの両方に通知メールが届く
- スケジュールがスマートフォンで横スクロールなしに読める
- 住所・電話番号・営業時間が、サイト内とGoogleビジネスプロフィールで一致している
- プライバシーポリシーを用意し、フォームの近くからリンクしている
- 会員が写る写真について掲載の同意を得ている
- 「設定」→「表示設定」の「検索エンジンでの表示」で、検索エンジンにインデックスさせない設定が外れている
- バックアップの仕組みを用意している
なお、この記事のプラグインの機能や管理画面の表記は執筆時点の情報です（2026年10月現在）。無料版の範囲や表記は更新で変わることがあります。導入時は各プラグインの公式情報もあわせて確認してください。
まとめ
- ヨガスタジオのサイトは「初めての人の不安を解消して体験予約へ」「会員がスケジュールをすぐ確認できる」の2つの導線を中心に作る
- 固定ページで「初めての方へ」「クラス紹介」「スケジュール」「アクセス」を用意し、休講などは投稿で知らせる
- 予約は Amelia・Bookly・Simply Schedule Appointments などのプラグインか外部サービスを使い、グループの定員管理と通知メールを導入前に確認する
- 公開前にテスト予約と、スマートフォンでの表示確認を行う