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
   1234
567891011
12131415161718
19202122232425
262728293031 
<< March 2017 >>

たいやき

selected entries

categories

archives

recommend

recommend

recommend

終わり続ける世界のなかで
終わり続ける世界のなかで (JUGEMレビュー »)
粕谷 知世
2011年度SOG賞 シスターフッド賞

recommend

魔法少女まどか☆マギカ 1 【通常版】 [DVD]
魔法少女まどか☆マギカ 1 【通常版】 [DVD] (JUGEMレビュー »)

(全6巻)2011年度SOG賞 シスターフッド賞

recommend

recommend

音楽の在りて
音楽の在りて (JUGEMレビュー »)
萩尾 望都
2011年度SOG賞 候補作

recommend

私のミトンさん
私のミトンさん (JUGEMレビュー »)
東 直子
2011年度SOG賞 候補作

recommend

recommend

recommend

recommend

recommend

玉工乙女
玉工乙女 (JUGEMレビュー »)
勝山海百合
2010年度SOG賞 候補作

recommend

recommend

MODxでつくる!最強のCMSサイト
MODxでつくる!最強のCMSサイト (JUGEMレビュー »)
MODxフォーラムJapanese Co
初心者はとりあえず買っとけ。

links

profile

search this site.

others

mobile

qrcode

powered

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