dittoとウェッブリンクを使ってカンタンにリンクリストページを作る
- 2009.06.04 Thursday
- 17:29
ウェッブリンクドキュメント1つにリンクサイト一つ割り当て、dittoでリスティングする。
利点:サイトアドレスが変わったとか、閉鎖したサイトなどのメンテナンスが楽。
------ドキュメント構造-----
親ドキュメント--リンクリストを表示させるページ
子ウェッブリンク1--リンクしたいサイトの情報
子ウェッブリンク2
子ウェッブリンク3
:
---------------
子になるウェッブリンクのドキュメント設定に
・タイトル:サイト名
・説明:サイトの説明文
・ウェブリンク:サイトのアドレス
・テンプレート:(blank)
を入れて、公開に設定。
親ドキュメントに
てな感じでスニペットコール。
テンプレートLinkTplは
こんな感じ。
タグは定義リストのがいいかな。その辺は好みでどうぞ。
リストの順番をいじりたい時は、メニューインディックスを使うとか公開日なんかを使ってdittoでソートする。
◆応用編
〈カテゴリー別にならべたい〉
ウェブリンクの使ってない項目、長いタイトルにカテゴリー名を入れる。
dittoのTaggingをつかって表示を別ける。
,(コンマ)区切りでタグは複数つけられるので複数カテゴリーに表示も可能。
〈サイトのバナーや画像も一緒に表示したい〉
画像用のテンプレート変数を作って、子ウェッブリンク用のテンプレートに設定する。ウェッブリンクは参照するだけなのでテンプレートは
[*画像用テンプレート変数名*]
だけのシンプルなものでOK。
ditto表示用のテンプレートLinkTplに画像用テンプレート変数を表示するように修正。
子ウェッブリンクの使用テンプレートの項目を作ったテンプレートにする。
利点:サイトアドレスが変わったとか、閉鎖したサイトなどのメンテナンスが楽。
------ドキュメント構造-----
親ドキュメント--リンクリストを表示させるページ
子ウェッブリンク1--リンクしたいサイトの情報
子ウェッブリンク2
子ウェッブリンク3
:
---------------
子になるウェッブリンクのドキュメント設定に
・タイトル:サイト名
・説明:サイトの説明文
・ウェブリンク:サイトのアドレス
・テンプレート:(blank)
を入れて、公開に設定。
親ドキュメントに
[[Ditto? &parents=`親ドキュメントID` &display=`all` &tpl=`LinkTpl` &dateSource=`pub_date` &dateFormat=`%Y.%m.%d` &showPublishedOnly=`1`]]
てな感じでスニペットコール。
テンプレートLinkTplは
<h4><a href="[~[+id+]~]" title="[+pageTitle+]" target="_blank">[+pagetitle+]</a></h4>
<p>[+description+]</p>
こんな感じ。
タグは定義リストのがいいかな。その辺は好みでどうぞ。
リストの順番をいじりたい時は、メニューインディックスを使うとか公開日なんかを使ってdittoでソートする。
◆応用編
〈カテゴリー別にならべたい〉
ウェブリンクの使ってない項目、長いタイトルにカテゴリー名を入れる。
dittoのTaggingをつかって表示を別ける。
<h3>カテゴリー1</h3>
[[Ditto? &parents=`親ドキュメントID` &display=`all` &tpl=`LinkTpl` &dateSource=`pub_date` &dateFormat=`%Y.%m.%d` &showPublishedOnly=`1` &tagDelimiter=`,` &tagMode=`onlyTags` &tags=`カテゴリー1` &tagData=`longtaitle`]]
<h3>カテゴリー2</h3>
[[Ditto? &parents=`親ドキュメントID` &display=`all` &tpl=`LinkTpl` &dateSource=`pub_date` &dateFormat=`%Y.%m.%d` &showPublishedOnly=`1` &tagDelimiter=`,` &tagMode=`onlyTags` &tags=`カテゴリー2` &tagData=`longtaitle`]]
,(コンマ)区切りでタグは複数つけられるので複数カテゴリーに表示も可能。
〈サイトのバナーや画像も一緒に表示したい〉
画像用のテンプレート変数を作って、子ウェッブリンク用のテンプレートに設定する。ウェッブリンクは参照するだけなのでテンプレートは
[*画像用テンプレート変数名*]
だけのシンプルなものでOK。
<html>
とか入らない。ditto表示用のテンプレートLinkTplに画像用テンプレート変数を表示するように修正。
子ウェッブリンクの使用テンプレートの項目を作ったテンプレートにする。