Ditto の pagination

(posted at: 2014-07-09)

blog の記事一覧を、10件ずつページネーション表示されるようにした。忘れないように、 Ditto の pagination について記述しておく。

記事一覧部分のソースコード

<div class="paginate_above"><span class="prev">[+entryList_previous+]</span><span class="pages">[+entryList_pages+]</span><span class="next">[+entryList_next+]</span></div>
<div class="bloglist">
[!Ditto?
&orderBy = createdon DESC
&hideFolders = `1`
&depth = `2`
&display=`10`
&id=`entryList`
&paginate=`1`
&tpl = '@CODE:
<article>
<h3><a href="" class="blog-title"></a></h3>
<p><br>
<span class="blog-data">(posted at: )</span></p>
</article>
' // 表示パターン
!]
</div>
<div class="paginate_bottom"><span class="prev">[+entryList_previous+]</span><span class="pages">[+entryList_pages+]</span><span class="next">[+entryList_next+]</span></div>

memo

  • pagination を pagenation と書き間違わないように注意する。
  • ページネーションがないページでも、内容がからのソースコードが書き出されるため、ページネーション部分の天地サイズ分の空白ができてしまうので考慮しておく必要がある。
  • 当ページ上では、Ditto が機能しないようにするために、たとえば、[<-- -->!Ditto?…] と記述している。