日記カレンダを表示します。
{{diary 日記名}}
calendarプラグインを改造して作った物で動作も似ていますが， 以下のような特徴があります．
- 日記の最初の大見出しもしくは中見出しをタイトルとみなし，それがカレンダー上に表示されます．
- 日記を10件単位でリストアップする機能があります．
- リストには日付，タイトル，本文の先頭部分が表示されます．
- 「追加」ボタンで今日のページを作れます(今日の日記を書く事がほとんどなので)
- リストボックスで日付を選択し，特定の日の日記を書く事も可能です．
- おまけとして，祝日表示機能があります．
カレンダの「<<」をクリックすると前月、 「>>」をクリックすると翌月、 年月をクリックするとその月のカレンダとページ内容を一覧表示します。 カレンダ下部のプルダウンメニューで日付を選択し「追加」を押すと， 新規作成となります(新規作成権限があれば)． 既に日記が存在する場合はそのページへジャンプします． また，「リスト」をクリックすると日記のリストを表示します．
オプションで祝日ページを指定することができます。以下のように指定します．
{{calendar カレンダ名[,祝日ページ名]}}
指定した祝日ページには以下のような形式で祝日をリストアップしておきます． 年-月-日形式と月-日形式で記述可能です．振替休日処理は自動的に 行われます．
*1-1 元旦 *2004-1-12 成人の日
以下に日記プラグインの使用例を示します。
{{calendar わたしの日記}}
{{calendar わたしの日記, 日本の祝日}}
CSSで表示形式を変更することも出来ます。使用しているクラス名は以下の通りです。
- today - 今日の日付
- have - 日記のある日付
- navi - ナビゲーションバー
- week - 曜日
- diary-calendar - カレンダーのtable部分
- plugin-diary - diaryプラグインの出力全体
- sunday - 日曜日のセル(TD)
- saturday - 土曜日のセル(TD)
- holiday - 祝日のセル(TD)
- today - 今日のセル(TD)
- diary-calendar-bottom - 下部にある日付選択リスト全体
なお，カレンダーのTABLEを中央に配置したかったため CENTERタグを用いています．
参考までに私のスタイルシートの設定を乗せておきます．セルのサイズを大きめに してください(セルの中にタイトルや祝日名が表示されるため)
/* diaryプラグイン */
.diary-calendar-bottom {
text-align : center;
}
.diary-calendar td{
font-size : 80%;
text-align : center;
width : 80px;
height : 50px;
}
td.holiday {
color : red;
}
td.sunday {
background-color : #FF9999;
}
td.saturday {
background-color : #9999FF;
}