diaryプラグイン

日記カレンダを表示します。

{{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;
}