トップ 一覧 Farm 検索 ヘルプ RSS ログイン

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