BLOG PLUGIN

WordPressを使ったWEB予約システム~Booking Packageのカレンダー表示

Booking Packageのカレンダー表示

Booking Packageのカレンダー設定が終わったら、WordPressの固定ページに作成したカレンダーを貼り付けて、ブログ上からその固定ページにアクセスできるようにする必要があります。
今回は固定ページの作成と、その固定ページの表示のやり方を解説します。

予約カレンダーを表示する固定ページの作成

WordPressのサイドメニューから「固定ページ」を選択して、「新規追加」を押下します。

bookingpackage4-1

作成する固定ページのタイトルを設定したら、「ウィジェット」から「ショートコード」を選択して、固定ページの本文に挿入します。

bookingpackage4-2

指定するショートコードは、Booking Packageのカレンダー設定で確認することができます。
前回の記事を参照してください。

bookingpackage4-3

トップページのメニューに予約カレンダーを表示

予約カレンダーを表示する固定ページを作成したら、その固定ページをブログからアクセスできるようにします。

メモ

ここでは、例としてトップページのメニューに追加する方法を解説します。
各自のブログに合わせて、適切な場所に固定ページを配置してください。

WordPressのサイドメニューから「外観」→「メニュー」を選択して、追加したいメニューの中に作成した固定ページを追加します。

bookingpackage4-4

タイトルの横にアイコンを付けたい場合は、Font Awesomeを使って適当なアイコンを設定します。
Font Awesomeの使い方は、「ブログのメニュー項目にアイコンをつけよう」を参照してください。

bookingpackage4-5

メニューの設定が完了したら、「メニューを保存」を押下します。

bookingpackage4-6

トップページのメニューに、追加した予約カレンダーが表示されていることを確認します。

bookingpackage4-7

上図の「WEB予約カレンダー」を押下すると、予約カレンダーを貼り付けた固定ページが表示されます。

bookingpackage4-8

詳細なBooking Packageの使い方は、以下の公式サイトを参照してください。

-BLOG, PLUGIN
-