09_ブログトップページのブロックを見てみる

目次

ブログトップページに使われているブロックをひとつづつ見ていきます。(概出のものは省いてます。)

PC表示とスマホ表示のキャプチャ画像を用意したので、表示のされ方の違いを確かめることができます。

PC表示のほうに、オレンジで「ブロック」、黄色で「ブロックテンプレート」「カスタムクラス」を入れてあります(設定されている場合のみ)。

PC表示

ブロックをひとつづつ解説

  • ページリスト」(概出)。カスタムクラスに「blog-entry-list」が設定されています。また、RSSフィードを出力する設定にしてあります。サイドバーにあるトピックや日付でページをリスト表示できるように、「他のブロックからこのページリストの絞り込みを有効にする」にチェックが入っています。
  • トピックリスト」(概出)。カスタムクラスに「block-sideber-wrapped」が設定されています。
  • 日付ナビ」は、ページの作成時間でページをリスト表示してくれるブロックです。カスタムクラスに「block-sideber-wrapped」が設定されています。

スマホ表示