ホーム > サポート・マニュアル > チュートリアル > Flashとの連携 > カレンダーを作るためのXMLを出力する
columList.xmlについてでは、石川丸さまのサイトで表示している写真のURLを出力するXMLについて解説しましたが、石川丸さまのサイトでは、もう1つカレンダーのナビゲーション用のXMLも利用しています。
ここでは、そのカレンダーのナビゲーション用のXMLのテンプレートについて解説します。
まず、ご利用のテーマファイルに、以下のdayEntryExists.xmlのテンプレートファイルをアップロードしてください。
■ dayEntryExists.xml
<?xml version="1.0" encoding="UTF-8"?><!-- BEGIN_MODULE Calendar_Month -->
<month><!-- BEGIN day:loop --><!-- BEGIN link -->
<day>
<value>{day}</value>
<exists>true</exists>
</day><!-- END link --><!-- BEGIN none -->
<day>
<value>{day}</value>
<exists>false</exists>
</day><!-- END none --><!-- END day:loop -->
</month><!-- END_MODULE Calendar_Month -->
石川丸さまのサイトでは、釣果ブログのエントリーのあった日付を調べて、カレンダーのリンクを作成しています。XMLの出力結果を確認してください。以下一部を抜き出します。
<?xml version="1.0" encoding="UTF-8"?> <month> <day> <value>1</value> <exists>true</exists> </day> <day> <value>2</value> <exists>true</exists> </day> <day> <value>3</value> <exists>true</exists> </day> <day> <value>4</value> <exists>true</exists> </day> <day> <value>5</value> <exists>false</exists> </day> </month>
エントリーのあった日はtrue、無かった日はfalseが出力されるようになっています。またURLで年月を渡すことでその年月の出力結果を得る事ができます。例えば、2009年6月のエントリーのあった日、無かった日のXMLの出力結果をご確認ください。dayEntryExists.xmlはカレンダーのモジュールを使って、カレンダーのテンプレートをベースに作られています。以下はplainのカレンダーのテンプレートです。日付にエントリーがあるかどうか、すなわちリンクがあるかどうかを表示している<!-- BEGIN none --><!-- END none -->、<!-- BEGIN link --><!-- END link -->を利用しています。
■ カレンダーのテンプレート
<!-- BEGIN_MODULE Calendar_Month -->
<div class="menuListBox">
<div class="naviBlogMenu clearfix">
<p id="month"><a href="{monthUrl}">{month}</a></p>
<ul id="subCalYear" class="clearfix">
<li class="oldList"><a href="{prevUrl}" title="前月へ">«</a></li>
<li class="allList"><a href="{yearUrl}" title="年間カレンダーへ">{year}</a></li>
<li class="newList"><a href="{nextUrl}" title="次月へ">»</a></li>
</ul>
</div>
<table id="cTable" class="txtListMenu" summary="calender">
<tr class="cWeek">
<!-- BEGIN weekLabel:loop -->
<td class="cWeek{w}">{label}</td>
<!-- END weekLabel:loop -->
</tr>
<!-- BEGIN week:loop -->
<tr align="right">
<!-- BEGIN day:loop -->
<!-- BEGIN spacer -->
<td class="cOpen"> </td>
<!-- END spacer -->
<!-- BEGIN none -->
<td class="cNone{w}">{day}</td>
<!-- END none -->
<!-- BEGIN link -->
<td class="cLink{w}"><a href="{url}">{day}</a></td>
<!-- END link -->
<!-- END day:loop -->
</tr>
<!-- END week:loop -->
</table>
</div>
<!-- /menuListBoxカレンダー -->
<!-- END_MODULE Calendar_Month -->
このドキュメントと関連している内容のエントリー
- 関連度 1 : スタイルを切り替える「styleswitch」
- 関連度 1 : 日付をカレンダー表示から入力する「日付選択カレンダー」
- 関連度 1 : カレンダー(Calendar_Month)モジュールの設定
ドキュメントの内容に関するお知らせフォーム
内容に誤り・現行バージョンと異なる部分がありましたら、下記のフォームよりお知らせください。



