6種のテンプレート-SIRIUS2
SIRIUS2の＜6種のテンプレート＞についての紹介ページ。
【Volar2】の動作検証でキャプチャした画像は、基本的には【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトデザインが元になってます。
そのため他のテンプレート利用時には当サイトでご紹介しているキャプチャ画像とは若干異なる場合もあります。
また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。
SIRIUS2で用意されてるテンプレートは6種類。
いずれもレスポンシブデザインです。
元々は4種類だったんですが、SIRIUS2 ver.1.180にて新たに2種類のテンプレートが追加されました。
『レスポンシブデザイン』とは？
レスポンシブデザインというのは、PCやタブレット・スマホなどの画面サイズに応じて自動で見やすいレイアウトに切り替えてくれるデザイン機能のことです。
しかしながらスマホサイトに特化あるいはスマホだけで表示させたいコンテンツなどが多い場合はレスポンシブデザインテンプレートだけでは対処しきれないケースも出てきます。
こういったときのためにSIRIUS2には「スマホサイト同時生成」機能が搭載されてます。
これはメインの（PC）サイトとは別にスマートフォン用に特化したサイトを同時生成する事ができる機能で、画像を縮小してサイトの表示速度を早めたりメインサイトとは別のコンテンツを表示させることもできるため、スマホでの表示を細かくカスタマイズしたい方向けの機能になります。
ベーステンプレート
無駄な装飾を排除したシンプルなデザインが特長のベーステンプレート。
どんなサイトにも無難に合います。
シンプルがゆえにあなた好みのデザインに変えやすいというメリットも同時に持ち合わせてもいます。
筆者
当サイトはベーステンプレートを使ってます。
ポップテンプレート
トップエリアには目立つカラーを使用し、全体的に角丸を意識したテンプレートがポップテンプレート。
堅苦しくない内容のサイトをイメージしてデザインされたんでしょうか。
エレガントテンプレート
くすんだ配色でスキンケアやネイルケアといった女性をターゲットとしたサイト向けなのがエレガントテンプレート。
スマートテンプレート
全体的にくっきりはっきりしたイメージに仕上がってるのがスマートテンプレート。
その見た目からビジネス向けサイトなんかが似合うんじゃないでしょうか。
グラデーションテンプレート
2024年6月のSIRIUS2 ver.1.180で追加されたテンプレートで、こちらはシンプルで無駄のないどちらかと言えば企業系のサイトに向いてるデザインです。
次の『和モダンテンプレート』同様、1カラムレイアウトでの運用がより効果的と言えそう。
和モダンテンプレート
こちらも『グラデーションテンプレート』同様、アップデートで追加されたテンプレートです。
最初から明朝体での表記をメインにしたテンプレートなので、おのずと和風のイメージが強いテンプレートと言えます。
デモでは旅館サイトになってますが、それに限らず明朝体が似合うサイトであればなんでもOKです。
【Volar2】でも『和モダンテンプレート』風のサイトが作れる機能を付けてみました。
こちらで再現サイトがご覧になれます。
ここがパワーアップ
旧SIRIUSではテンプレート（3種）＋カラム数（1～3）＋サイトカラー（10色）がセットになった状態で選択する必要がありました。
そのためサイトカラーが思っていたのと違ったりした場合は最初からテンプレートを選択し直す必要があったんです。
当然、設定もイチからやり直しになるため、ある程度設定を済ませてからのテンプレート交換はかなり面倒くさい仕様でした。
しかしながらSIRIUS2ではテンプレートさえ決めてしまえばサイトカラーやカラム数は自在に選択することができるようになってます。
これはかなりの効率アップと言えます。
ただテンプレートが気に入らない場合はやはり最初からの設定し直しになるので、テンプレート選びだけは慎重にやった方がいいです。
『6種のテンプレート』の関連記事
-
SIRIUS2の＜ヘッダーアニメーション＞についての詳細ページ。 -
SIRIUS2の＜画像最適化機能＞についての紹介ページ。 -
SIRIUS2の＜スマホ固定フッターメニュー＞機能についての詳細ページ。 -
SIRIUS2で用意されてるキャラクター画像についての詳細ページ。 -
SIRIUS2の＜PR表記＞についての紹介ページ。 -
SIRIUS2の1カラムLP向け＜ブロック設定＞についての詳細ページ。 -
SIRIUS2のトップページ表示用＜スライダー＞の使い方についての詳細ページ。 -
SIRIUS2のサイト全体の＜レイアウト設定＞についての詳細ページ。