*

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

公開日: : 最終更新日: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のプラグインで独自のページを作る方法がわからない

Wordpressのプラグインを開発していて疑問がでてきました。プラグイン独自のページはどうすればい

記事を読む

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

前回の物を若干変更しながら、どんどん進んでいきたいと思います。今回は管理画面の表示内容について行って

記事を読む

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

さっそく空室管理画面を作っていきます。今回は画面設計中心です。部屋タイプの選択と、空き情報を更新する

記事を読む

ワードプレス用宿泊予約プラグイン開発「空室情報読み込み」

前回までに作ったカレンダーに空室状況を表示させます。最初に表示欄を作って確認してからデータベースの読

記事を読む

ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作る(7)セキュリティ対策

ここでセキュリティ対策についてまとめて復習してみます。ネットを検索すると、さまざまな対策が紹介されて

記事を読む

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

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 ↑