Entry_Continue を使うようにカスタマイズする
通常は続きを読むのリンク部分をクリックすると1つの記事が表示されるようになりますが、Entry_Continue というモジュールを利用するとページの遷移無しに続き部分を読み込んでくる事ができるようになります。
続きを読む部分を表示するテンプレートを準備します。
include/continue.html
<!-- BEGIN_MODULE Entry_Continue --> <!-- BEGIN column:veil --> <!--#include file="/include/column.html"--> <hr class="clearHidden" /> <!-- END column:veil --> <!-- END_MODULE Entry_Continue -->
そして、一覧のテンプレートファイルにある continueLink 部分を探してみて下さい。
<!-- BEGIN continueLink:veil --> <p class="continueLink clear"><a href="{continueUrl}">「{continueName}」の続きを読む</a></p> <!-- END continueLink:veil -->
の部分を、以下のように修正します。
<!-- BEGIN continueLink:veil --> <form action="{continueUrl}" method="post" class="js-post_include"> <input type="hidden" name="tpl" value="include/continue.html" /> <input type="submit" name="ACMS_POST_2GET" value=" {continueName}の続きを読む " /> </form> <!-- END continueLink:veil -->
今回のページの遷移無しにコンテンツを読み込む機能を a-blog cms では Post include 機能と呼びます。関連する公式のマニュアルコンテンツを紹介しておきます。
- ページを移動せずにフォームの検索結果を表示する(post include)
- 送信ボタンを押さずに検索結果を表示する(post include)
- 検索エンジンからのキーワードでサイト内検索結果を表示する(post include)
- post includeの結果をキャッシュさせない方法(post include)
似たような事をするとページャー部分を同様に読み込んでくる事ができるようになるハズです。次のエントリーでページャー部分をカスタマイズするエントリーを書いてみようと思います。