http://10plate.blog44.fc2.com///blog-entry-207.html

記事要約を利用して表示時間を短縮する

画像等を多用した記事が多ければ、記事を複数表示するページ（トップページ、カテゴリ、検索結果等）で表示に時間がかかってしまいます。

これを解決する方法をキイタ？オクサンアラヤダワァのちゃんさんが教えてくれたので紹介します。

記事を複数表示するページでは、記事全文の代わりに要約(最初の200文字)を表示します。
これでかなり表示時間の短縮が期待できます。

当サイトの提供するテンプレートのHTMLに、以下のような箇所があります。

【standardシリーズの場合】

～
<div class="article">

<%topentry_body>


<div id="varP<%topentry_no>">
<div class="readmore"><a href="<%topentry_link>" title="続きを読む" onclick="showMore(<%topentry_no>,'<%topentry_link>');return false;">【続きを読む】</a></div>
</div>


<div id="varXYZ<%topentry_no>" style="display: none">
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="続きを閉じる" onclick="showMore(<%topentry_no>,0);return true;">【続きを閉じる】</a></div>
<%topentry_more>
</div>

<hr color=#dddddd size=1 noshade>
<%topentry_more>

<div class="bottom_navi">
～

【lightframeシリーズの場合】

～
<div class="ently_text">

<%topentry_body>


<div id="varP<%topentry_no>">
<div class="readmore">
<a href="<%topentry_link>" title="続きを読む" onclick="showMore(<%topentry_no>,'<%topentry_link>');return false;">
【続きを読む】</a></div>
</div>


<div id="varXYZ<%topentry_no>" style="display: none">
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="続きを閉じる" onclick="showMore(<%topentry_no>,0);return false;">
【続きを閉じる】</a></div>
<%topentry_more>
</div>

<%topentry_more>

</div>
～

上記赤い箇所を以下の記述に置き換えてください。

<%topentry_discription>
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照">続きを読む</a>


<%topentry_body>
<br /><br />
<%topentry_more>

これで記事の要約が表示できます。
画像を多く記事に載せている方にお勧めです。

関連記事

[ 2009/05/16 23:37 ] カスタマイズ共通カスタマイズ | TB(2) | CM(16)