Booking Packageのカレンダー表示
Booking Packageのカレンダー設定が終わったら、WordPressの固定ページに作成したカレンダーを貼り付けて、ブログ上からその固定ページにアクセスできるようにする必要があります。
今回は固定ページの作成と、その固定ページの表示のやり方を解説します。
予約カレンダーを表示する固定ページの作成
WordPressのサイドメニューから「固定ページ」を選択して、「新規追加」を押下します。
![bookingpackage4-1](https://mulberrytassel.com/wp-content/uploads/2021/09/bookingpackage4-1.png)
作成する固定ページのタイトルを設定したら、「ウィジェット」から「ショートコード」を選択して、固定ページの本文に挿入します。
![bookingpackage4-2](https://mulberrytassel.com/wp-content/uploads/2021/09/bookingpackage4-2.png)
指定するショートコードは、Booking Packageのカレンダー設定で確認することができます。
前回の記事を参照してください。
![bookingpackage4-3](https://mulberrytassel.com/wp-content/uploads/2021/09/bookingpackage4-3.png)
トップページのメニューに予約カレンダーを表示
予約カレンダーを表示する固定ページを作成したら、その固定ページをブログからアクセスできるようにします。
メモ
ここでは、例としてトップページのメニューに追加する方法を解説します。
各自のブログに合わせて、適切な場所に固定ページを配置してください。
WordPressのサイドメニューから「外観」→「メニュー」を選択して、追加したいメニューの中に作成した固定ページを追加します。
![bookingpackage4-4](https://mulberrytassel.com/wp-content/uploads/2021/09/bookingpackage4-4.png)
タイトルの横にアイコンを付けたい場合は、Font Awesomeを使って適当なアイコンを設定します。
Font Awesomeの使い方は、「ブログのメニュー項目にアイコンをつけよう」を参照してください。
![bookingpackage4-5](https://mulberrytassel.com/wp-content/uploads/2021/09/bookingpackage4-5.png)
メニューの設定が完了したら、「メニューを保存」を押下します。
![bookingpackage4-6](https://mulberrytassel.com/wp-content/uploads/2021/09/bookingpackage4-6-1024x494.png)
トップページのメニューに、追加した予約カレンダーが表示されていることを確認します。
![bookingpackage4-7](https://mulberrytassel.com/wp-content/uploads/2021/09/bookingpackage4-7.png)
上図の「WEB予約カレンダー」を押下すると、予約カレンダーを貼り付けた固定ページが表示されます。
![bookingpackage4-8](https://mulberrytassel.com/wp-content/uploads/2021/09/bookingpackage4-8.png)
詳細なBooking Packageの使い方は、以下の公式サイトを参照してください。