ブログタイプの記事一覧表示-Volar2

ブログタイプの記事一覧表示-Volar2

SIRIUS2テンプレート【Volar】では通常タイプのサイトでもブログタイプのような記事一覧を表示できる機能を搭載してます。
 

アイキャッチ画像

【Volar2】の動作検証でキャプチャした画像は、基本的には【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトデザインが元になってます。

そのため他のテンプレート利用時には当サイトでご紹介しているキャプチャ画像とは若干異なる場合もあります。

また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。

 

SIRIUS2で作るサイトタイプには「通常タイプ」と「ブログタイプ」があります。

 

キャプチャ画像

 

両者の一番の違いは「通常タイプ」はトップページに何か書かないとトップページとして表示されるものはゼロであるということに対して、「ブログタイプ」はトップページに何も書かなくてもWordPressワードプレスで作ったブログサイトのように(エントリーページの)記事一覧だけは自動で表示してくれるというものです。

 

極端なことを言えばそれだけです。(笑)

 

そのかわり(?)「通常タイプ」にはトップページに『更新履歴』を表示することができます。

記事を新しく公開したらそこにはリスト形式でリンク付きの記事タイトルが自動で表示されるというものですね。

トップページ以外ではサイドメニューに「最新記事」のリストが表示されます。

<更新履歴の設定>の詳細については【サイトオプション】全体設定(サイトの表示設定)をご覧ください。

 

この<更新履歴>表示でも問題はないんですが、どうせなら「通常タイプ」のサイトにもブログタイプで表示されるサムネイル画像付きの記事一覧を表示できたらと思い、コードをちょっと修正してみました。

 

サムネイル画像付きのタイル型一覧表示はやっぱり目立ちます。

デモは当サイトトップページの最下段をご覧ください。


概要

この機能はデフォルトでは無効化されてます。

 

こちらがブログタイプの記事一覧と【Volar2】の記事一覧の比較です。

(※PC表示時。スマホ表示時はどちらも1カラム表示になります)

 

キャプチャ画像

 

記事一覧を表示させるには、【Volar2】で用意しているコードを表示したい箇所に丸ごとコピー&ペーストするだけです。

この機能を使うときは<更新履歴の設定>をOFF(チェックを外す)にすると二重表示が防げます。

 

またページネーション(”次へ”とか”戻る”とかの記事一覧の分割表示)は搭載してません。