※モバイル機器のみ有効→PC表示に切替 モバイル表示に切替

  • お知らせ機能
  • ここはニュースティッカー機能を使って表示(左に流れるタイプ)してます。
  • 人気記事をスライダー表示

こちらはSIRIUS用カスタムテンプレート【Volar】デザインテンプレートクールのDEMOサイトになります。

【Volar】についての詳細はコチラをご覧ください。

下のボタンでベースカラー別サンプルが確認できます。

なお『クール』のベースカラーは他のテンプレート同様に無制限に設定可能ですが、下に用意したカラー値をベースカラーに設定した場合にのみ、画像アイコンや関連部分が選択したカラーで表示されるよう最適化されてます。

 

H1見出しサンプル

こちらがH1の見出しです

 

デザインテンプレート・クールのH2見出しに関しては派生デザインを設けてます。

 

テンプレートの該当箇所をこちらで用意した独自タグで置換するだけでH2見出しデザインを一気に変更できます。

 

H2見出しサンプル

こちらはH2(デフォルト)の見出しです。

 

こちらはH2(h2sub1)の見出しです。

 

こちらはH2(h2sub2)の見出しです。

 

こちらはH2(h2sub3)の見出しです。

 

こちらはH2(h2sub4)の見出しです。

 

こちらはH2(h2sub5)の見出しです。

 

こちらはH2(h2sub6)の見出しです。

※SIRIUSのデフォルトの設定ではH2とH3が同じデザインですが、SIRIUSテンプレート【Volar】ではH2とH3のデザインを分けてます。

 

H3以下の見出しサンプル

こちらがH3の見出しです。

 

こちらがH4の見出しです。

 

こちらがH5の見出しです。

H2タイトル①

【ヒント】枠

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

【承諾】枠

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

【注意】枠

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

【警告】枠

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

H2タイトル②

リスト(通常)。

  • この文章はダミーです。
  • この文章はダミーです。行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

リスト(連番)

  1. この文章はダミーです。
  2. この文章はダミーです。行間等を確認するために入れています。
  3. この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

リスト(二重丸)

  • この文章はダミーです。
  • この文章はダミーです。行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

テキスト・画像並列

キャプチャ画像

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

吹き出し(SIRIUS標準)

 

この文章はダミーです。


 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。


 

クチコミ(SIRIUS標準)

この文章はダミーです。
文字の大きさ、量、字間、行間等を確認するために入れています。

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

H2タイトル③

FAQ(SIRIUS標準)

この文章はダミーです

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

この文章はダミーです

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

FAQ(Volar)

この文章はダミーです

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

この文章はダミーです

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

この文章はダミーです

回答画像

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

この文章はダミーです

回答画像

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

 

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ポイント・ランキング

ポイント1

ポイント1の内容です。

(※アイコンは各ベースカラーに合わせて色を変更してます)

ポイント2

ポイント2の内容です。

ポイント3

ポイント3の内容です。

ポイント4

ポイント4の内容です。

ポイント5

ポイント5の内容です。

 

ランキング1位

ランキング1位の内容です。

ランキング2位

ランキング2位の内容です。

ランキング3位

ランキング3位の内容です。

ランキング4位

ランキング4位の内容です。

ランキング5位

ランキング5位の内容です。

ランキング(Volar版サンプル)

※【Volar】のランキングはレイアウトやカラーを少々カスタマイズしてます。

 

キャプチャ画像

『商品名がここに入ります』の特徴
説明文1になります。説明文1になります。説明文1になります。説明文1になります。説明文1になります。説明文1になります。 説明文1になります。説明文1になります。説明文1になります。
価格
32,000
評価
評価4.5
備考
ここは備考欄です。
フリー項目1タイトル
フリー項目1の内容になります。フリー項目1の内容になります。フリー項目1の内容になります。
フリー項目2タイトル
フリー項目2の内容になります。フリー項目2の内容になります。フリー項目2の内容になります。フリー項目2の内容になります。フリー項目2の内容になります。フリー項目2の内容になります。
『商品名がここに入ります』の総評
こちらは説明文2になります。こちらは説明文2になります。こちらは説明文2になります。こちらは説明文2になります。 こちらは説明文2になります。こちらは説明文2になります。

キャプチャ画像

商品名がここに入りますの特徴
説明文1になります。説明文1になります。説明文1になります。説明文1になります。説明文1になります。説明文1になります。 説明文1になります。説明文1になります。説明文1になります。
価格
2,600
評価
評価3
備考
ここは備考欄です。
商品名がここに入りますの総評
こちらは説明文2になります。こちらは説明文2になります。こちらは説明文2になります。こちらは説明文2になります。 こちらは説明文2になります。こちらは説明文2になります。

SIRIUSカスタムテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSテンプレートが【Volar(ボラル)】です。

【Volar】の詳細および【Volar】の入手方法についてはコチラ↓をご覧ください