ブログタイプの記事一覧表示-Volar2
SIRIUS2テンプレート【Volar】では通常タイプのサイトでもブログタイプのような記事一覧を表示できる機能を搭載してます。
【Volar2】の動作検証でキャプチャした画像は、基本的には【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトデザインが元になってます。
そのため他のテンプレート利用時には当サイトでご紹介しているキャプチャ画像とは若干異なる場合もあります。
また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。
SIRIUS2で作るサイトタイプには「通常タイプ」と「ブログタイプ」があります。
両者の一番の違いは「通常タイプ」はトップページに何か書かないとトップページとして表示されるものはゼロであるということに対して、「ブログタイプ」はトップページに何も書かなくてもWordPressで作ったブログサイトのように（エントリーページの）記事一覧だけは自動で表示してくれるというものです。
極端なことを言えばそれだけです。（笑）
そのかわり（？）「通常タイプ」にはトップページに『更新履歴』を表示することができます。
記事を新しく公開したらそこにはリスト形式でリンク付きの記事タイトルが自動で表示されるというものですね。
トップページ以外ではサイドメニューに「最新記事」のリストが表示されます。
＜更新履歴の設定＞の詳細については【サイトオプション】全体設定（サイトの表示設定）をご覧ください。
この＜更新履歴＞表示でも問題はないんですが、どうせなら「通常タイプ」のサイトにもブログタイプで表示されるサムネイル画像付きの記事一覧を表示できたらと思い、コードをちょっと修正してみました。
サムネイル画像付きのタイル型一覧表示はやっぱり目立ちます。
デモは当サイトトップページの最下段をご覧ください。
概要
この機能はデフォルトでは無効化されてます。
こちらがブログタイプの記事一覧と【Volar2】の記事一覧の比較です。
（※PC表示時。スマホ表示時はどちらも1カラム表示になります）
記事一覧を表示させるには、【Volar2】で用意しているコードを表示したい箇所に丸ごとコピー＆ペーストするだけです。
この機能を使うときは＜更新履歴の設定＞をOFF（チェックを外す）にすると二重表示が防げます。
またページネーション（”次へ”とか”戻る”とかの記事一覧の分割表示）は搭載してません。
『ブログタイプの記事一覧表示』の関連記事
-
SIRIUS2テンプレート【Volar2】にはテーブル（表）のデータの背景にアイコンをつけたりセル幅を自在に調節できたりする便利な機能が搭載されてます -
SIRIUS2テンプレート【Volar2】では標準機能の＜画像レイアウト＞に専用のタグを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2の＜画像ギャラリー＞におけるスマホでの見せ方のカスタマイズをご紹介します。 -
SIRIUS2テンプレート【Volar2】では通常のヘッダーエリアを動画ヘッダーに簡単に切り替えることができます。 -
SIRIUS2テンプレート【Volar2】では通常のヘッダーエリアをフェード切り替え画像スライダーに簡単に切り替えることができます。 -
SIRIUS2テンプレート【Volar2】では1カラム形式のページに開閉式のサイドメニューを表示させることができます。 -
SIRIUS2テンプレート【Volar2】の1カラムページで使える＜フルワイド背景画像＞についての詳細ページ。 -
SIRIUS2テンプレート【Volar2】の1カラムページで使える＜フルワイド背景画像＞のシンプル版。使い勝手が向上しました。