ワードプレス用宿泊予約プラグイン開発「空室カレンダー表示」
前回ネットで検索して見つけた calendar($year = “”, $month = “”) 関数を、ぶつからないように名称を変えてプラグインファイルに書き込んでいきます。とりあえず今回はデーターベースから空室データを読み込む前まで。
本題からは若干はずれますが、最初にこれ!
プラグイン独自のCSSファイルを読み込む処理
ネットを参考にして以下の処理を書きました。これによりプラグイン独自のCSSファイルを設置することが可能です。
add_shortcode("drte_booking", "reservation"); function reservation() { $css_url = plugins_url("calendar.css", __FILE__); wp_enqueue_style( 'wp-drte_booking', $css_url, false, '1' ); echo get_booking_calendar(); 以下省略
CSSファイルはプラグインファイルと同じフォルダに設置します。上記の例では「calendar.css」という名前のファイルになります。設置場所の確認は echo $css_url; で確認しました。
CSSファイルには table 全体のクラスと.sat .sun などを設定します。
カレンダーを表示する関数
上記 reservation関数内でカレンダーの表示関数を呼び出します。上記ソースの echo get_booking_calendar() 部分です。
中身は取り敢えず前回紹介した内容のままです。calendar() のままだと、他とコンフリクトしているためか、管理画面自体が表示されない状態になりました。関数名を変えれば表示されたので、今回は上記名称としました。
使用しているテンプレートにあわせてCSSを調整して表示確認しました。CSSの設定を独自の名称にしたほうが、どんなテンプレートでも使えるようになると思います。CSSの親子関係とか苦手なんですよね。
次回はデータベースからデータを読み込んで表示させてみます。
Sponsored Link
関連記事
-
ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作る(1)
初心者が、あらためて WordPress のプラグインを一から作る経過報告。たぶん連載記事ですね。途
-
ワードプレス用宿泊予約プラグイン開発「空室情報読み込み」
前回までに作ったカレンダーに空室状況を表示させます。最初に表示欄を作って確認してからデータベースの読
-
WordPressのプラグインで独自のページを作る方法がわからない
Wordpressのプラグインを開発していて疑問がでてきました。プラグイン独自のページはどうすればい
-
新バーチャル歌姫デビュー CeVIO Creative Studio は期待して良さそう
既にサンプル曲がガンガンアップされています。噂の歌声合成ソフト CeVIO Creative Stu
-
ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作る(4)データベース基礎
今回はWordPressのプラグイン開発で必要になるデータベースに関する知識ついて調べました。この辺
ご質問は掲示板へお願いいたします。