6.4 メインページにブログ記事一覧最初の数件を全文表示し、残りをタイトルのみ表示する

P.414

制御系タグによるカスタマイズ

●サンプルテンプレートをカスタマイズする

「メインページ」インデックステンプレート(サンプルテンプレート)

    ...前略...
<div id="main">
<p class="content-header">最近のブログ記事一覧</p>
<mt:entries>
  <mt:entryTrackbackData />
  <mt:if name="__counter__" eq="3">
<p class="content-header">過去のブログ記事一覧</p>
  </mt:if>
  <mt:if name="__counter__" le="2">
    <mt:include module="ブログ記事の概要" />
  <mt:else>
<div class="content">
  <h2 id="a<mt:entryID pad="1" />" class="entry-header"><a href="<mt:entryPermalink valid_html="1" />"><mt:entryTitle encode_html="1" /></a></h2>
</div>
  </mt:if>
</mt:entries>
<p class="content-nav"><a href="<mt:link template="archive_index" />">アーカイブ</a></p>
</div>
    ...後略...

P.415

●デフォルトテンプレートをカスタマイズする

「メインページ」インデックステンプレート(デフォルトテンプレート)

    ...前略...
<div id="alpha">
  <div id="alpha-inner">
    <MTEntries>
      <mt:if name="__counter__" eq="3">
    <p class="asset-name">過去のブログ記事一覧</p>
      </mt:if>
      <mt:if name="__counter__" le="2">
        <mt:ignore><!-- Use the Entry Summary module for each entry published on this page --></mt:ignore>
        <$mt:include module="ブログ記事の概要"$>
      <mt:else>
    <div class="asset-header">
      <div><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></div>
    </div>
      </mt:if>
    </MTEntries>
    <div class="content-nav">
      <a href="<$MTLink template="archive_index"$>">アーカイブ</a>
    </div>
  </div>
</div>
    ...後略...

P.416

●サンプルテンプレートをカスタマイズする

「メインページ」インデックステンプレート(サンプルテンプレート)

    ...前略...
  <mt:entries>
    <mt:entryTrackbackData />
    <mt:if name="__counter__" eq="2">
  <p class="content-header">過去のブログ記事一覧</p>
    </mt:if>
    <mt:if name="__counter__" eq="1">
      <mt:include module="ブログ記事の概要" />
    <mt:else>
    ...中略...
    </mt:if>
  </mt:entries>
    ...後略...

offsetモディファイアによるカスタマイズ

サブテンプレートイメージ

<mt:entries lastn="2">
  最初の2件を表示
</mt:entries>
<mt:entries offset="2" lastn="5">
  3件目以降を表示
</mt:entries>

P.417

●サンプルテンプレートをカスタマイズする

「メインページ」インデックステンプレート(サンプルテンプレート)

    ...前略...
<div id="main">
<p class="content-header">最近のブログ記事一覧</p>
<mt:entries lastn="2">
  <mt:entryTrackbackData />
  <mt:include module="ブログ記事の概要" />
</mt:entries>
<p class="content-header">過去のブログ記事一覧</p>
<mt:entries offset="2">
  <mt:entryTrackbackData />
<div class="content">
  <h2 id="a<mt:entryID pad="1" />" class="entry-header"><a href="<mt:entryPermalink valid_html="1" />"><mt:entryTitle encode_html="1" /></a></h2>
</div>
</mt:entries>
<p class="content-nav"><a href="<mt:link template="archive_index" />">アーカイブ</a></p>
</div>
    ...後略...

●デフォルトテンプレートをカスタマイズする

「メインページ」インデックステンプレート(デフォルトテンプレート)

    ...前略...
<div id="alpha">
  <div id="alpha-inner">
    <MTEntries lastn="2">
      <mt:ignore><!-- Use the Entry Summary module for each entry published on this page --></mt:ignore>
      <$mt:include module="ブログ記事の概要"$>
    </MTEntries>
    <p class="asset-name">過去のブログ記事一覧</p>
    <mt:entries offset="2">
    <div class="asset-header">
      <div><a href="<mt:entryPermalink valid_html="1" />"><mt:entryTitle encode_html="1" /></a></div>
    </div>
    </mt:entries>
    <div class="content-nav">
      <a href="<$MTLink template="archive_index"$>">アーカイブ</a>
    </div>
  </div>
</div>
    ...後略...

P.418

uniqueモディファイアよるカスタマイズ

サブテンプレートイメージ

<mt:entries lastn="2">
  最初の2件を表示
</mt:entries>
<mt:entries unique="1">
  3件目以降を表示(1件目と2件目は重複しない)
</mt:entries>

●テンプレートをカスタマイズする

「メインページ」インデックステンプレート

    ...前略...
008:<mt:entries unique="1">
    ...後略...

ウェブページ

Powered by Movable Type 4.261

このアーカイブについて

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。