*

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

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

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

記事を読む

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

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

記事を読む

ペンション・民宿・プチホテル用 宿泊予約 WordPress プラグインを作る(4)データベース基礎

今回はWordPressのプラグイン開発で必要になるデータベースに関する知識ついて調べました。この辺

記事を読む

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

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

記事を読む

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

Message

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

CAPTCHA


Optionally add an image (JPEG only)

Sponsored Link

GoPro HERO7 Black 〜 インフルの熱で異常行動か?

何故か記憶に無いのですが GoPro HERO7 Blackが届きまし

軽量レバーロック式三脚を物色する美少女

旅行用三脚として活躍しているのは GITZO GT1542T と KT

激安中華な Bluetooth 5.0 イヤホンを買ってみたけど便利ね

前から気になっていた Bluetooth 5.0 イヤホン。 耳

2018年に購入したもので最も良かったものはミニスライダー

あけまして おめでとうございます 2019年 第一発目にご紹介す

Final Cut Pro X 用の無料 Calloutsプラグイン13種&12種がいい感じ

すっかり Final Cut ネタが続きますが皆様いかがお過ごしでしょ

→もっと見る




  •  

PAGE TOP ↑