ポイント カスタマイズ vol.12

カテゴリーArchiveをリスト化&軽量化
ページ下部にアンカーポイントを付ける方法

先日カスタマイズした、月別Archiveをリスト化&軽量化するのと同じもので手順も同じです。
今回は、リスト化した一覧ページが長くなる事の対処としてページ下部にページTOPに飛ぶアンカーポイントも設置して使い勝手も良くしました。

カテゴリーページを表示させると、どうしても生成されるページがBlogを続ければ続ける程大きくなってしまうのが弱点ですが、MovableTypeのページ分割/Permalinkの変更にあるようにプラグインでページを分割する事が出来て問題を解消出来て、リスト化を同時にする事によって更にページが軽くなります。

概要が表示されるので使い勝手もそれほど悪くはならなく、容量をスマートに軽量化する事が出来ると思います。ただ、うちではまだページ分割はやってないので一覧でドバっと出ますデス。

Category Index テンプレートをイジるのですが大幅に書き換える為、事前にバックアップを取りましょう。月別Archiveと同じく<div class="blog">以下をドッサリと書き換えます。

<h2 class="date"><MTArchive><$MTArchiveTitle$>関連</MTArchive></h2> 


<div class="blogbody-date">

<MTEntries>

<$MTEntryTrackbackData$>

<span class="blogbody-datetitle">

<a href="<$MTEntryPermalink$>"><$MTEntryTitle$>

<a name="<$MTEntryID pad="1"$>"></a></a>

</span><br />

<span class="posted"><span class="accent">┗ </span> 

<$MTEntryDate format="%x"$>

| <a href="<$MTCGIPath$><$MTCommentScript$>?entry_id=<$MTEntryID$>

" onclick="OpenComments(this.href); return false">コメント</a> 

<span class="accent">(<$MTEntryCommentCount$>)</span>

</MTEntryIfAllowComments>

<MTEntryIfAllowPings>

| <a href="<$MTCGIPath$><$MTTrackbackScript$>

?__mode=view&entry_id=<$MTEntryID$>

" onclick="OpenTrackback(this.href); return false">トラックバック</a> 

<span class="accent">(<$MTEntryTrackbackCount$>)</span>

</MTEntryIfAllowPings>

|<MTEntryCategories glue="⇔ "> 

<a href="<$MTCategoryArchiveLink$>"> 

<$MTCategoryLabel$>

</a>

</MTEntryCategories>|<br /></span>

<div class="blogbody-dateexcerpt">

<$MTEntryExcerpt convert_breaks="1"$>

</div>

<br />

</MTEntries>

<span class="blogbody-datetitle"><a href="#top">↑Page Top↑</a></span>

また、コメントとトラックバックも表示させるようにしました。要らないなら赤の部分は削除して下さい。

緑の部分がトップに戻るアンカーポイントへの移動する所です。
戻る先のアンカーポイントを設定しなければならないので、banner部分の下あたりに、

<a name="top" id="top"></a>

以上でこのページみたくスッキリします。