SIRIUS2深掘り

ヘッダー下部にSIRIUS2標準機能の人気記事1位～4位までをサムネイル画像付きで自動表示できます。

ファーストビューで人気記事へ誘導もいいしLPへ誘導するのもあり。

ブラウザ画面右端に短めのテキストによるミニナビゲーションを常駐表示できます。半透明かつ小型サイズで圧迫感を軽減。

縦書きのシンプル版も追加搭載。

【Volar2】独自のボックス装飾や付箋など効果的なテキスト周りの装飾効果をふんだんに取り揃えました。

トップページの通常のヘッダ―エリアを3枚の画像がズームしながらフェード効果で切り替わる画像スライダー。

のちに搭載されたSIRIUS2標準機能のヘッダーアニメーションと機能的にはほぼ同じですが多少の違いもあり。

＜ブロック設定＞の”背景画像”とは一味違ったブラウザ幅いっぱいでの背景画像表示機能。

画像を暗めにしてテキストを自動的に白くするダークモードにも対応。

ヘッダー最上段に右から流れてくる”動くテキスト”を表示できます。

注意喚起事項や最優先で見てほしいページへのリンクなどを貼っておくと効果的かと。

セル背景に◯や×などの画像表示機能、セル幅の個別調整機能、セルの縦書き機能、マイクロコピー機能など独自の便利機能をご用意しました。

小・中・大の3つのバナー画像用レイアウトデザインをご用意しました。

バナータイプによっては画像個数に応じた自動伸縮機能付きも。

パーツ＜口コミ＞を利用した2タイプのプロフィールやメンバー紹介用ブロック。

大き目の画像サイズで印象付けもばっちり。

パーツ＜アイテム比較＞を利用した、数値が見える位置までスクロールすると数値がカウントアップするダイナミックな数値表示機能。

数値を目立たせたい時におすすめ。

変更予定の日時と価格を指定するだけで自動で価格が変更表示されます。

編集画面上で操作可。数値のみの変更なので価格以外にも利用可。

指定した期間のみコンテンツを表示できる機能。

期間やコンテンツは編集画面上で操作可。

ブラウザ幅いっぱいに常にループし続けるスライダー機能。

画像下に説明文や画像全体にリンク付けも可能。

左にテキスト・右に画像ギャラリーという、ある意味”ピンポイント”なレイアウト機能。

メイン画面内で複数の画像を切り替えられるので商品やサービスなどの紹介用にいかがでしょう。

【Volar2】で用意した縦書き専用エリア内だけを縦書きにできる機能。

半角英数字の縦書きにも対応。

1カラムページで通常はページ最下段に移動表示（※PC表示時）になるサイドメニューを、スマホでよく見かけるハンバーガーメニューボタンで簡単に開ける機能を搭載しました。

トップページの通常のヘッダ―エリアをインパクト抜群の動画ヘッダーに切り替えられます。

テキストや画像も表示可能。

パーツ＜アイテム比較＞を利用した1カラムページ用の横並びFAQリスト。

コンパクトな箱型タイプなので視認性もバツグン。

＜画像レイアウト＞が出力する独自タグを【Volar2】で用意している専用クラスで囲むことでさまざまなレイアウト表示が可能になります。

SIRIUS2標準機能＜画像ギャラリー＞のサムネイル画像をスマホで大きく表示して見やすくしたり、タップ後の画像サイズを横幅100%表示に変える【Volar2】独自の仕様です。

SIRIUS2標準搭載「目次」用の独自タグを【Volar2】で用意している専用クラスで囲むことで、目次をページ内リンクボタン風に1列に並べるレイアウト変換機能。

1カラムページで複数のサービスや商品紹介などに使えます。

SIRIUS2標準の1カラムページを、ロゴもタイトルもメニューもない余計なものを省いたLP専用仕様に変えられます。

必要な項目だけを表示することも可能。

SIRIUS2標準のフリースペースでは足りない方向けに、サイドメニューの好きな位置に配置可能な追加のフリースペースをいくつかご用意しました。

【Volar2】のフリースペースを利用してサイドメニューに画像＋テキストのプロフィール紹介エリアを格納表示できます。

フォントに”webフォント（Noto）”もしくは”游ゴシック”を指定している場合はカーニング（文字詰め）を適用できます。

このボタンをクリックするといま見ているページの記事タイトルとURLを瞬時にコピーできます。

SNSでの投稿だったりメモ用だったりと利用者の手間を省いてくれます。

通常はブログタイプでないと表示できないサムネイル画像付きの記事一覧を通常タイプのサイトでも表示できるようにしてみました。

テキストだけの更新履歴よりは目立ちます。