カスタムテンプレート【Volar（ボラル）】概要
SIRIUSカスタムテンプレート【Volar（ボラル）】は、管理人がホームページ制作過程で培ってきたノウハウを詰め込んだ改良型SIRIUSテンプレートです。
これまではSIRIUSをもっと使いやすくもっと高機能にをモットーに（表現が古っ！）、そのノウハウを旧サイトでSIRIUSご購入者さま向けの特典記事として限定公開（パスワードプレス記事）してきました。
しかしながらこちらが提供したノウハウをSIRIUSに実装するのが”面倒くさい・イマイチわかりにくい”というご意見があっため、”どうせならノウハウを紹介するのではなく、ノウハウそのものを詰め込んだテンプレートを作っちゃった方が使いやすいんじゃないか”ということで、カスタムテンプレートの開発に着手した次第です。
SIRIUSカスタムテンプレート【Volar】の特長
改良型テンプレート
SIRIUSカスタムテンプレート【Volar】は、いわゆる”オリジナルデザイン”テンプレートではありません。
SIRIUSの公式テンプレートをベースに、より使いやすく、より高機能を目指して仕上げた改良型テンプレートという位置づけです。
それゆえ基本となるテンプレートはデフォルト・ビジネス・角丸の3種類です。
そしてそれぞれに10色のベースカラー別のテンプレートを用意.....するつもりでしたが、実際にはデフォルト・ビジネス・角丸それぞれ1つのテンプレートしかご用意してません。
というのもベースカラーは自由に選べる設計にしてあるからです。
SIRIUSの”サイトオプション”上で好きな色を指定するだけでベースカラーを瞬時に変えられるので、もういちいち色違いのテンプレートを指定し直す必要はありません。
当サイトはSIRIUSの【新】デフォルトテンプレートをもとにカスタマイズして作ったカスタムテンプレート【Volar】・デフォルトタイプをインストールして表示してます。
ベースカラーは#4176AF（ブルー系）にしてあります。
DEMOサイトをご用意しました。
 |
 |
 |
【Volar】デフォルトタイプに関しては当サイト自体もDEMOサイトとしてご覧いただけます。
（※一部、【Volar】テンプレートには含まれてないスクリプトやスタイルも使用してます）
姉妹サイトの『SIRIUSでホームページ作成』は【Volar】ビジネスタイプを充てたものですので、そちらもDEMOサイトとしてご覧いただけます。
（※一部、【Volar】テンプレートには含まれてないスクリプトやスタイルも使用してます）
レシポンシブデザインテンプレート
SIRIUSのバージョンが1.5になった結果、標準で”レシポンシブデザイン”テンプレートでの運用が可能になりました。
”レスポンシブデザイン”とは？
レスポンシブデザインというのは、PCやスマホ・タブレットなどの画面サイズに応じて自動で見やすい表示に切り替えてくれるデザインのことです。
これに対してSIRIUS（シリウス）の上位版に付属している「iPhone同時生成機能」というのはPC用とモバイル用に別々のサイト（デザイン）が用意され、見る機器に応じていずれかのサイト（デザイン）が表示されるというものです。
（サイトURLは同じものになります）
それぞれにメリットとデメリットがあります。
これは言ってしまえばSIRIUS上位版を使わなくてもモバイル対応のホームページが作れるということです。
SIRIUSカスタムテンプレート【Volar】も、レスポンシブデザインでの運用を前提に作られています。
そうはいってもSIRIUS上位版には上位版ならではのアドバンテージがあります。
たとえばSIRIUS上位版にはボタンリンクや目次機能といった上位版だけの便利な機能があります。
こういった上位版だけの機能は、通常版との差別化を図るためにも今後も随時出てくることと思われます。
SIRIUS”上位版”の機能である”iPhoneサイト同時生成”機能での動作検証は行っておりません。
SIRIUSのバージョン1.5未満で作成したサイトでの動作検証も行っておりません。
よってSIRIUSカスタムテンプレート【Volar】の推奨動作環境は、SIRIUS ver.1.5以降のレスポンシブテンプレートのみとなります。
2カラムと1カラムに対応
SIRIUSカスタムテンプレート【Volar】は2カラムでの運用をベースにしております。
1カラムや3カラム版は現在は考えていません。
（※エントリーページの一部を1カラムページにするような場合は問題ありません）
追記
サイト全体を1カラムにしたり、トップページのみを1カラムに変更可能な仕様に変更しました。
ブログ形式で展開するブログモードにも対応してます。
※iPhone（スマホ）でご覧になる場合は、通常型もカード型も同じレイアウトでの表示になります。
※PCブラウザでご覧になると、『1カラムページ』や『右サイドメニュー』がご覧になれるボタンがここに表示されます。
下の方にある『PC版へ表示切替』ボタンをタップしても確認可能です。
サイドバーは左側固定でのご提供ですが、スタイルシートを1ヵ所変更することですぐに右側に移動することができます。
コチラ↓のボタンをクリックすると、（このページのみですが）『1カラムページ』や『ブログモード表示』や『右サイドメニュー』を確認することができます。
※『ブログモード表示』以外はPCブラウザ・iPad（タブレット）のみ有効なボタンです。
※通常は日付が表示されますが、非表示にすることもできます。
【Volar】デザインテンプレートを追加
SIRIUSの【新】○○テンプレートを改良したテンプレートがカスタムテンプレート【Volar】ですが、その【Volar】にテーマ性をもたせてさらにカスタマイズしたテンプレートが【Volar】デザインテンプレートになります。
【Volar】デザインテンプレートは、【Volar】の機能はそのままにレイアウトデザイン面での変更を加えたテンプレートになります。
アートレス
第1弾は穏やかな雰囲気をテーマにした【Volar】デザインテンプレート・アートレス。
アートレスは、カスタムテンプレート【Volar】・角丸タイプをベースにしてます。
そのためカスタムテンプレート【Volar】・角丸タイプをインストール→ユーザー指定スタイルの入れ替えのみで、【Volar】角丸タイプからアートレスに変えることができます。
なお【Volar】デザインテンプレート・アートレスは、画像の使用や色指定もあってベースカラーは15色展開となってます。
もっともこちらで指定したカラーコードを入力するだけですぐにベースカラーを変更できるのでテンプレートの入れ替えなどはありません。
DEMOサイトをご用意しました。
プレーン
第2弾はシンプルをテーマにした【Volar】デザインテンプレート・プレーン。
プレーンは、カスタムテンプレート【Volar】・ビジネスタイプをベースにしてます。
そのためカスタムテンプレート【Volar】・ビジネスタイプをインストール→ユーザー指定スタイルの入れ替えのみで、【Volar】ビジネスタイプからプレーンに変えることができます。
なお【Volar】デザインテンプレート・プレーンは、画像の使用や色指定もあってベースカラーは18色展開になってます。
もっともこちらで指定したカラーコードを入力するだけですぐにベースカラーを変更できるのでテンプレートの入れ替えなどはありません。
【プレーン】に関しては、各ベースカラー用に色を合わせたポイント1,ポイント2...（画像）を使う機会がないのであれば、使えるベースカラーは実質無制限になります。
ポイント用画像はDEMOサイトで確認できます。
DEMOサイトをご用意しました。
クール
第3弾は落ち着きのある雰囲気をテーマにした【Volar】デザインテンプレート・クール。
クールは、カスタムテンプレート【Volar】・デフォルトタイプをベースにしてます。
そのためカスタムテンプレート【Volar】・デフォルトタイプをインストール→ユーザー指定スタイルの入れ替えのみで、【Volar】デフォルトタイプからクールに変えることができます。
なお【Volar】デザインテンプレート・クールは、画像の使用や色指定もあってベースカラーは15色展開になってます。
もっともこちらで指定したカラーコードを入力するだけですぐにベースカラーを変更できるのでテンプレートの入れ替えなどはありません。
DEMOサイトをご用意しました。
Volarの配布
SIRIUSカスタムテンプレート【Volar（ボラル）】＆【Volar】デザインテンプレートは当サイトからSIRIUSをご購入された方への特典として配布しております。
※通常版でも上位版でもお渡しするテンプレートは同じものです。
サンプル表示用に用意している画像等（ヘッダー画像やアイキャッチ画像ほか）はお渡しするテンプレートには含まれてません。
なおテンプレート以外の特典は用意しておりません。
特典の数が多かったところでしょせんどれもまともに手を付けることなく中途半端に終わっちゃうことはよくある話です。
なにより特典を開いてみたら、中身は実はかなり前のものだったなんてこともあったりします。
よって当サイトでの特典はテンプレート1本のみに厳選しております。
新しい機能が追加されたり修正等が生じた場合は、随時アップデートを行っていきます。
ご質問等も随時受け付けます。
SIRIUSカスタムテンプレート【Volar】はできる限りの動作チェックは済ませた上で公開しておりますが、万が一【Volar】をご利用になられてのいかなる損害も当方では一切の責任を負いかねますこと、予めご了承願います。
