当サイトで使用しているキャプチャ画像は（【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトが元になってます。
【Volar2】には人気記事の1番目から4番目までをサムネイル画像付きで自動表記できる《人気記事4点固定表示》があります。
※＜人気記事＞についてはこちらの記事をご参照ください。
概要
設定と反映箇所
この機能はデフォルトでは無効化されてます。
有効化のやり方
《人気記事4点固定表示》を利用するには、①『【Volar2】人気記事4点固定（HTML）［ヘッダー画像なし or ヘッダー画像あり＆上部固定以外］』もしくは②『【Volar2】人気記事4点固定（HTML）［ヘッダー画像あり or 上部固定全部］』という2つのモジュールのいずれかの［有効］のチェックをONにします。
表示箇所はエントリーページの上部で位置変更はできません。
またスマホでは2枚ずつの2段表示になります。
当サイトのトップページで表示されてる場合は当サイトのみで利用可能な専用のスタイルを別途あてがってます。
カラム数やヘッダー画像のタイプによって細かくスタイルを変える必要があるためトップページへの実装は見送りました。
人気記事の項目と4点固定の表示上への反映箇所はこちらになります。
（PCはマウスオーバーでタイトル表示、モバイルは最初から画像下にタイトル表示）
なお人気記事の『表示設定』は《人気記事4点固定表示》には影響ありません。
【Volar2】の「人気記事4点固定表示」とサイドメニュー（SIRIUS2では”メインメニュー”）での「人気記事」の中身は全く一緒のものです。
もしもサイドメニュー上の人気記事を非表示にしたい場合は【Volar2】で用意している非表示設定用のスタイルを有効化（コメントアウト解除）すれば非表示にできます。
『人気記事4点固定表示』の関連記事
-
SIRIUS2テンプレート【Volar2】では標準機能の＜画像レイアウト＞に専用のタグを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2の＜画像ギャラリー＞におけるスマホでの見せ方のカスタマイズをご紹介します。 -
SIRIUS2テンプレート【Volar2】では通常のヘッダーエリアを動画ヘッダーに簡単に切り替えることができます。 -
SIRIUS2テンプレート【Volar2】では通常のヘッダーエリアをフェード切り替え画像スライダーに簡単に切り替えることができます。 -
SIRIUS2テンプレート【Volar2】では1カラム形式のページに開閉式のサイドメニューを表示させることができます。 -
SIRIUS2テンプレート【Volar2】の1カラムページで使える＜フルワイド背景画像＞についての詳細ページ。 -
SIRIUS2テンプレート【Volar2】の1カラムページで使える＜フルワイド背景画像・シンプル版＞についての詳細ページ。 -
SIRIUS2テンプレート【Volar2】の1カラムページで使える＜画像フルワイド化＞のシンプル版。使い勝手が向上しました。