dittoとウェッブリンクを使ってカンタンにリンクリストページを作る

  • 2009.06.04 Thursday
  • 17:29
ウェッブリンクドキュメント1つにリンクサイト一つ割り当て、dittoでリスティングする。
利点:サイトアドレスが変わったとか、閉鎖したサイトなどのメンテナンスが楽。

------ドキュメント構造-----
親ドキュメント--リンクリストを表示させるページ
 子ウェッブリンク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に画像用テンプレート変数を表示するように修正。
子ウェッブリンクの使用テンプレートの項目を作ったテンプレートにする。

calendar

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< March 2024 >>

たいやき

selected entries

categories

archives

links

profile

search this site.

others

mobile

qrcode

powered

無料ブログ作成サービス JUGEM