📄 ページテンプレート初級

ブログページのテンプレート

ブログの全記事を時系列で一覧表示し、各記事の作成日時、タイトル、本文、コメント数を描画するテンプレート。コメント機能が有効な場合はコメントリンクも出力する。

用途

ストアのブログページ（news.shopifycloud.com など）でブログ記事の一覧と詳細情報を表示する際に使用。

設置場所

templates/blog.liquid に配置し、Liquid コンテキストで blog オブジェクトが渡されていることを確認してから使用する。

注意点

blog.articles はストア管理画面で公開状態の記事のみを含むため、下書き記事は表示されない。created_at の日付フォーマット(% d %b)は英語表記になるため、日本語化する場合は Liquid フィルターで別途変換が必要。blog.comments_enabled? がブログ全体の設定に依存するため、個別記事単位でのコメント有効化には対応していない。

タグ:blogarticleloopdate-formatcomment

コード

14 行 / liquid

<div id="blog-page">
  <h2 class="heading-shaded">{{page.title}}</h2>
   {% for article in blog.articles  %}
      <h4>
        {{ article.created_at | date: '%d %b' }}
        <a href="{{article.url}}">{{ article.title }}</a>
      </h4>
      {{ article.content }}
      {% if blog.comments_enabled? %}
        <p><a href="{{article.url}}#comments">{{ article.comments_count }} comments</a></p>
      {% endif %}
  {% endfor %}
</div>

出典・ライセンス

Source:: Shopify/liquid/performance/tests/ripen/blog.liquid
Repository:: https://github.com/Shopify/liquid
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

ブログページのテンプレート

コード

出典・ライセンス

関連項目

ページテンプレート

リダイレクト

トップページの基本テンプレート

固定ページのテンプレート

ページの基本テンプレート

固定ページのテンプレート