*

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

公開日: : 最終更新日: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 プラグインを作る(2)

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

記事を読む

WordPressのプラグインで独自のページを作る方法がわからない

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

記事を読む

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

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

記事を読む

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

前回までで基本的なプラグインの制作方法を簡単に学びました。今回からは空室管理の画面を作ってみます。柔

記事を読む

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

前回紹介したホームページを参考にソースを書き換えてみました。特に標準の option テーブルにレコ

記事を読む

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

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 ↑