ジムの複雑なスケジュール管理を直感的に行えるプラグインを作成

雑談
この記事は約3分で読めます。
記事内に広告が含まれています。

はじめに

ジムの複雑なスケジュール管理を直感的に行えるプラグインを作成しました。
インストラクター、レッスン種目、スケジュールの3軸を柔軟に紐付け、ユーザーが目的のクラスをすぐに見つけられるUIを実現しています。

この記事では、作成したプラグインの機能やこだわったポイントについて紹介します。

プラグインの主要機能

レッスン種目と属性のカスタマイズ

タクソノミー編集

レッスン名はタクソノミー(カテゴリー)として管理し、詳細な属性を持たせています(図1参照)。

  • レベル入力機能
    各レッスンに「運動強度」や「難易度」などのレベルを設定可能です。
  • カラー連動システム
    カテゴリーごとに背景色を指定でき、スケジュール表、レッスン一覧、操作ボタンなどのUIへ自動的に色が反映されます。
  • コンテンツの活用
    タクソノミーの「説明(本文)」欄に入力した内容は、そのままレッスン紹介カードや詳細ページの説明文として表示されます。

インストラクターとスケジュールの管理

投稿編集

インストラクターごとに専用のカスタム投稿タイプを用意し、個別のスケジュール管理を実現しました。

  • メタボックスによる設定
    各投稿画面から、担当するレッスンのスケジュールを直感的に登録できます(図2参照)。
  • 複数登録への対応
    更新のたびに現在のスケジュールとして保持され、1人のインストラクターに対して複数の時間枠を柔軟に追加・管理することが可能です。

動的なレッスン一覧表示

カード形式
表形式

登録されたレッスン(タクソノミー)を、視覚的な「カード形式」で一覧表示します。

  • ビジュアルの反映
    設定した背景色や説明文が自動でカードに適用されます(図3参照)。
  • インタラクティブな絞り込み
    • レッスン種目別
      上部のボタンをクリックすることで、該当するレッスンのみを瞬時に抽出します。
    • 曜日別
      下部の曜日ボタンにより、その日に開催されるレッスンを絞り込み。開催時間や担当インストラクター名もカード内に表示されます。
  • 表形式(リスト)表示
    カードだけでなく、整理されたテーブル形式での閲覧も可能です(図4参照)。

レッスン詳細と担当者一覧

レッスン詳細と担当者一覧

特定のレッスンカードをクリックすると、そのレッスンの情報を確認できます。

  • 概要の表示
    レッスンの詳細説明を表示します。
  • スケジュール集約
    そのレッスンが「いつ・どの時間帯に・誰によって」開催されるのか、担当インストラクターの一覧とあわせてひと目で把握できます。

視覚的な週間スケジュール表

週間スケジュール表

ジム全体の動きを把握するための、曜日・時間軸によるタイムテーブルです。

  • カラーコーディング
    カテゴリー別に設定された背景色が適用されるため、ジャンルごとの分布が視覚的に非常に分かりやすくなっています。
  • タイムライン表示
    曜日ごとに開催されるレッスンと担当者を時間軸に沿って配置します。

さいごに

今回のプラグイン開発では、WordPressの標準機能を応用しつつ、複雑になりがちな「ジムのスケジュール管理」をいかに直感的に操作できるかに注力しました。

このシステムは拡張性も備えており、今後はインストラクターの紹介文や詳細プロフィールの拡充なども追加可能です。
カテゴリー(タクソノミー)の背景色を各UIへ自動連動させることで、一箇所の設定がサイト全体に反映される「運用の楽さ」も大きなポイントとなっています。

タイトルとURLをコピーしました