webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

ワードプレス 予約システムのカレンダーを表示する方法

本日は、ワードプレスで予約システムのカレンダーを表示する方法を記載します。

 

1.予約システムの設定

①予約システム → 各種設定 →予約全般のパラメーターにチェックを入れます。

f:id:kaoru01-05:20140710130954p:plain

f:id:kaoru01-05:20140710131211p:plain

 

2.予約品目の設定

①予約品目 → ②新規予約品目 

f:id:kaoru01-05:20140710131415p:plain

③名称『会社説明会予約』

f:id:kaoru01-05:20140710133252p:plain

↓ 下にスクロールする。

 

予約時間割り を追加する

f:id:kaoru01-05:20140710133431p:plain

定員数等を入力

f:id:kaoru01-05:20140710133618p:plain

更新をクリック

f:id:kaoru01-05:20140710133800p:plain

3.パラメーターのチェック

四角内の数字をチェック!

今回は”90”

f:id:kaoru01-05:20140710134059p:plain

 

4.固定ページの設定

固定ページ → 新規追加 → 名称「会社説明会予約固定ページ」→ テキストタブを選択 → [monthly_calender id="90"] ←90の部分は3でチェックしたパラメーター数字を入力する。 → 公開

f:id:kaoru01-05:20140710134533p:plain

↓※テキストタブの左のビジュアルタブは、この様にみえるよの意味なので、ここに入力しても正しくカレンダーは表示されないので注意。

f:id:kaoru01-05:20140710134851p:plain

 

5.固定ページを表示して確認する。

f:id:kaoru01-05:20140710135315p:plain