derric.org

MovableType:ページ分割を追加する

| トラックバック(1)
トップページは記事のサマリーだけ表示だけして、
その代わり、基本的にはすべての記事を参照できるようにしたいと考えました。

そこで、トップページにページ分割の仕組みを追加することにしました。
参考にしたサイトは以下のサイトです。
>> 静的ページ用ページ分割プラグイン:PageBute

基本的には、perlで書かれたページ分割用のプラグインを入れて、
必要なところに専用のMTタグを入れていくという、簡単作業です。

ダウンロードして解凍したPageBute.plを必要な場所にアップロードしたら、
メインページテンプレートに専用のMTタグを追加していきます。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
  <$mt:Include module="HTMLヘッダー"$>
  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
  <title><$mt:BlogName encode_html="1"$></title>
</head>
<body id="<$mt:BlogTemplateSetID$>" class="mt-main-index <$mt:Var name="page_layout"$>">
  <div id="container">
    <div id="container-inner">
      <$mt:Include module="バナーヘッダー"$>
      <div id="content">
        <div id="content-inner">
          <div id="alpha">
            <div id="alpha-inner">
<MTPageContents count="10">
<mt:Entries>
              <mt:Ignore><!-- Use the Entry Summary module for each entry published on this page --></mt:Ignore>
              <$mt:Include module="ブログ記事の概要"$>
</mt:Entries>
</MTPageContents>
              <div class="page-nav">
                <MTIfPageFirst><$MTPageFirst$></MTIfPageFirst>
                <MTIfPageBefore><$MTPageBefore delim="前の10件"$></MTIfPageBefore>
                <$MTPageLists$>
                <MTIfPageNext><$MTPageNext delim="次の10件"$></MTIfPageNext>
                <MTIfPageLast><$MTPageLast$></MTIfPageLast>
              </div>
              <div class="content-nav">
                <a href="<$mt:Link template="archive_index"$>">アーカイブ</a>
              </div>
            </div>
          </div>
          <$mt:Include module="サイドバー"$>
        </div>
      </div>
      <$mt:Include module="バナーフッター"$>
    </div>
  </div>
</body>
</html>

MTPageContents count="10" は、1ページに表示する記事の数です。
「前のページ」「次のページ」の文字列は指定できますが、
「最初のページ」「最後のページ」は「<<」「>>」で固定です。

それぞれのタグの詳しい説明は参考サイトを見てください。

次に、ブログ記事の概要テンプレートにセパレータを挿入します。

<$mt:EntryTrackbackData$>
<div id="entry-<$mt:EntryID$>" class="entry-asset asset hentry">
  <div class="asset-header">
    <h2 class="asset-name entry-title"><a href="<$mt:EntryPermalink$>" rel="bookmark"><$mt:EntryTitle$></a></h2>
    <div class="asset-meta">
      <span class="byline">
  <mt:If tag="EntryAuthorDisplayName">
        <span class="vcard author"><$mt:EntryAuthorLink show_hcard="1"$></span> (<abbr class="published" title="<$mt:EntryDate format_name="iso8601"$>"><$mt:EntryDate format="%x %X"$></abbr>)
  <mt:Else>
        <abbr class="published" title="<$mt:EntryDate format_name="iso8601"$>"><$mt:EntryDate format="%x %X"$></abbr>
  </mt:If>
      </span><mt:Unless name="hide_counts" eq="1">
      <mt:IfCommentsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#comments"><$mt:EntryCommentCount singular="コメント(1)" plural="コメント(#)" none="コメント(0)"$></a></mt:IfCommentsActive>
      <mt:IfPingsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#trackbacks"><$mt:EntryTrackbackCount singular="トラックバック(1)" plural="トラックバック(#)" none="トラックバック(0)"$></a></mt:IfPingsActive></mt:Unless>
      <mt:IfArchiveTypeEnabled archive_type="Category">
      <span class="separator">|</span>
      <mt:If tag="EntryCategories">
        <mt:EntryCategories><a href="<$mt:CategoryArchiveLink$>" rel="tag"><$mt:CategoryLabel$></a> </mt:EntryCategories>
      </mt:If>
      </mt:IfArchiveTypeEnabled>
      <mt:EntryIfTagged>
        <mt:EntryTags><a href="javascript:void(0)" onclick="location.href='<$mt:TagSearchLink encode_js="1"$>';return false;" rel="tag"><$mt:TagName$></a> </mt:EntryTags>
      </mt:EntryIfTagged>
    </div>
  </div>
  <div class="asset-content entry-content"><mt:If tag="EntryBody">
    <div class="asset-body">
      <$mt:EntryBody words="200"$>... >> <a href="<$mt:EntryPermalink$>" rel="bookmark">続きを読む</a>
    </div></mt:If><mt:If name="entry_archive">
  <mt:EntryIfTagged>
    <div class="entry-tags">
      <h4>タグ<span class="delimiter">:</span></h4>
      <ul>
        <li><mt:EntryTags glue='<span class="delimiter">,</span></li> <li>'><a href="javascript:void(0)" onclick="location.href='<$mt:TagSearchLink encode_js="1"$>';return false;" rel="tag"><$mt:TagName$></a></mt:EntryTags></li>
      </ul>
    </div>
  </mt:EntryIfTagged></mt:If><mt:If tag="EntryMore" convert_breaks="0">
    <div class="asset-more-link">
      続きを読む: <a href="<$mt:EntryPermalink$>#more" rel="bookmark"><$mt:EntryTitle$></a>
    </div></mt:If>
  </div>
  <div class="asset-footer"></div>
</div>
<$MTPageSeparator$>

記事の区切りを示すセパレータを追加するわけですから、
要は、最後の1行に追加ですね。

これでページ繰りが追加されます。
できあがりはこんなイメージです。
ページナビ

以上です。

トラックバック(1)

トラックバックURL: http://tech.derric.org/mt/mt/mt-tb.cgi/11

replica cartier chiodo - replica cartier chiodo (2015年9月15日 20:59)

Very informative blog.Really looking forward to read more. Fantastic. 続きを読む

ページトップへ