当サイトで使用しているキャプチャ画像は（【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトが元になってます。
【Volar2】では常にループし続ける《ループスライダー》機能を搭載してます。
1カラム（ワイド）での利用を想定してデザインしてます。
概要
【Volar2】の《ループスタイダー》の主な特長としては、
- 画像は8枚まで登録可＆常にループし続ける。
- スクリプト不要でスタイルシートのみの軽量タイプ。
- 設定はすべてモジュール上で完了。
- 画像幅はPC表示時のみ変更可能。（モジュール上で変更可）
- 画像下に説明文を記述可。
- ループスピードは”一応”固定。（スタイルシート上で変更は可）
《ループスタイダー》は画像を”見せ続ける”意味合いで作ってます。
そのためリンク機能は付けてませんが、テキスト編集画面でSIRIUS2の標準機能の”リンク”で付与することはできます。
使い方
《ループスタイダー》は下のような専用モジュールを用意してます。
各モジュールをダブルクリックすると入力画面になるので画像とテキストを登録するだけで完了します。
画像は記事装飾メニューの｢画像｣から1発入力、説明文用のテキストはすぐ後ろに記述するだけでOK。
あとは表示したい場所にループスライダー本体モジュールでもある『【Volar2】ループスライダー（本体）』を挿入するだけです。
[% module(【Volar2】ループスライダー（本体）) %]
『ループスライダー』の関連記事
-
SIRIUS2テンプレート【Volar2】では標準機能の＜画像レイアウト＞に専用のタグを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2の＜画像ギャラリー＞におけるスマホでの見せ方のカスタマイズをご紹介します。 -
SIRIUS2テンプレート【Volar2】では通常のヘッダーエリアを動画ヘッダーに簡単に切り替えることができます。 -
SIRIUS2テンプレート【Volar2】では通常のヘッダーエリアをフェード切り替え画像スライダーに簡単に切り替えることができます。 -
SIRIUS2テンプレート【Volar2】では1カラム形式のページに開閉式のサイドメニューを表示させることができます。 -
SIRIUS2テンプレート【Volar2】の1カラムページで使える＜フルワイド背景画像＞についての詳細ページ。 -
SIRIUS2テンプレート【Volar2】の1カラムページで使える＜フルワイド背景画像・シンプル版＞についての詳細ページ。 -
SIRIUS2テンプレート【Volar2】の1カラムページで使える＜画像フルワイド化＞のシンプル版。使い勝手が向上しました。