Bloggerメインページ（インデックス）要約サマリー表示の仕組み

Google Bloggerのトップページで要約を表示する方法

今回は、mobile-index-postを解体して、インデックスページにサマリーのみが表示される仕組みを詳しく調べてみました。

Blogger標準テンプレートmobile-index-postの全文

<b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/>投稿日時</span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>投稿タイトル
        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>記事のサムネイル画像
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>記事の要約
          </div>
        </div>

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>コメント数
      </div>
    </div>
  </div>
</b:includable>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

この部分が、記事の要約を表示させるコードのようです。

data:post.snippet　は記事の要約データ

覚えておきましょうね。