*

ワードプレス用宿泊予約プラグイン開発「空室カレンダー表示」

公開日: : 最終更新日:2013/07/31 WordPress ,

前回ネットで検索して見つけた 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() のままだと、他とコンフリクトしているためか、管理画面自体が表示されない状態になりました。関数名を変えれば表示されたので、今回は上記名称としました。

スクリーンショット 2013-07-30 22.00.52 2

使用しているテンプレートにあわせてCSSを調整して表示確認しました。CSSの設定を独自の名称にしたほうが、どんなテンプレートでも使えるようになると思います。CSSの親子関係とか苦手なんですよね。

次回はデータベースからデータを読み込んで表示させてみます。


Sponsored Link


 
 

関連記事

ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作る(11)空室管理画面 B

空室管理画面の2回目。今回は空室状況の入力欄と月が変わった時の処理を加えてみます。今回は一覧表示なの

記事を読む

WordPress用プラグインで使う宿泊予約用カレンダーをPHPで書くぜ

ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作るシリーズで使う、空き部

記事を読む

ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作る(12)空室管理画面 C

空室情報のデータベース処理を一気に終えました。ごちゃごちゃしてきたので、もっとスッキリ書く方法が無い

記事を読む

新バーチャル歌姫デビュー CeVIO Creative Studio は期待して良さそう

既にサンプル曲がガンガンアップされています。噂の歌声合成ソフト CeVIO Creative Stu

記事を読む

ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作る(3)

前回のソースがイマイチだったので若干書き直しました。しかし、これで正しいのかも疑問なんですが、取り敢

記事を読む

ご質問は掲示板へお願いいたします。

Message

メールアドレスが公開されることはありません。

CAPTCHA


Optionally add an image (JPEG only)

Sponsored Link

エレコム GRAPH GEAR NEO カメラバッグDGB-P01BKにジンバルを入れる

やっぱり高いけどEndurance (エンデュランス) カメラバッグの

エレコム GRAPH GEAR NEO カメラバッグDGB-P01BKが北の国から

一年中GWの美少女です。 Lowepro カメラリュック フリッ

MOZA Mini-S スマホ用スタビライザーが届いた!

1万円弱で買えるスマホ用ブラシレスジンバルの新型 MOZA Mini-

GoPro Hero7 Black用 保護ケース アルミ合金保護フレームがいいよって話

別に大した話ではありません。 最近書くことが少ないのでたまには書

期待の新製品 MOZA Mini-S スマホ用スタビライザーが発売されたみたい

教えてもらった新製品のホームページで MOZA Mini-Sが紹介され

→もっと見る




  •  

PAGE TOP ↑