スタンダード・デザインラボ

カレンダー変数

サイドバーメニュー関連の変数

<!--calender--> ～ <!--/calender--> １週間1行の格子状カレンダーを表示	<%calender_sun> 日曜日の日付を表示 <%calender_mon> 月曜日の日付を表示 <%calender_tue> 火曜日の日付を表示 <%calender_wed> 水曜日の日付を表示 <%calender_thu> 木曜日の日付を表示 <%calender_fri> 金曜日の日付を表示 <%calender_sat> 土曜日の日付を表示
<!--calender2--> ～　<!--/calender2--> 横型カレンダーを表示	<%days>　日付を表示

　変数自体は非常に少なくて簡単そうに見えますが、通常カレンダーは若干奥が深いので注意が必要です。

縦置き、横置きカレンダー

　横置きカレンダーは、変数が、3個しかありません。非常に簡単です。


　これで、横置きカレンダーは完成です。「<%days>」を「<sapn> ～ </span>」等で囲んでCSSで整形も出来ます。CSSに関しての詳細は、以下からご覧頂けます。
スタイルシートで遊ぶ part.1（<span>タグ編）



縦置きカレンダー

　縦置きカレンダーは、「DIVブロック」を利用して、フロートでレイアウトに組み込むのがお勧めです。
　詳細がこちらにもあります。
divボックスを横に並べる
実際にdivブロックfloatを記事で利用する


　例えば、こちら（FC2テンプレートを１から作ってみる）で作成したテンプレートに縦置きカレンダーを組み込むとすれば…



　こんな感じで、「width」で横幅を細長く指定し、フロートさせます。
　例えば、HTMLとCSSを簡易に示せば…



　こんな感じで組めると思います。スタイルシートで「DIVフロート」をさせる詳細については、先ほど示したリンク先から確認してください。

通常カレンダー

※通常カレンダーは、HTML部分ではほとんど組む形が確定しています。実際は公式プラグインからダウンロードしてカスタマイズするのがお勧めです。

　通常のカレンダーの変数ですが、理解が必要なのは、「カレンダーの繰り返し出力ブロック変数」というのは、1週間ごと、「6回繰り返し表示をする」ということです。
　ちょっと言葉で説明しにくいのですが、つまり、以下のようにタグを組めば、「横置きカレンダー」が出来てしまいます。


　これを実際に表示させると…


　こんな感じで、横置きカレンダーが出来ます。これの構造を見ると、日～土までの変数を並べまず1週目から表示し、それを6週分繰り返して表示していることが分かります。



※イメージ図・多分こんな感じで働いているんだと思います。多分…


　つまり、何が言いたいかというと、それぞれの「曜日出力変数」をそれぞれ一つ一つタグでコーティングできると言うことです。
　つまり、日曜日は日曜日で、クラスを指定することも出来ます。

　しかし、前後に「-」ハイフンが表示されています。
　これはつまり、「テーブルタグでカレンダーを組む」事を前提とした、テーブルタグ専用の変数であることが分かります。カレンダーを想像して下さい。マス目は毎月余る場所が変わりますよね。その余った箇所を埋めているのが「-」ハイフンというわけです。

　つまり、この変数をHTMLで組む方法は、ほぼ確定します。
　と言うわけで、これは、「公式プラグイン」から「カレンダープラグイン」をダウンロードして設定し、それをカスタマイズするのが一番の近道になります。