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

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

1カラムページ
右サイドメニュー

 

SIRIUSには標準で3タイプのテンプレートが積んであります。

 

もちろんそれぞれのテンプレートには特長があり、どれもハイクオリティなデザインに仕上がってます。

 

ただ汎用性を優先させてるせいなんでしょうか、機能的には必要最小限の無難な仕上がりと言えなくもありません。

 

一方、SIRIUSカスタムテンプレート【Volar(ボラル)】は、管理人がホームページ制作過程で培ってきたノウハウを詰め込んだ改良型SIRIUSテンプレートという位置づけになってます。

 

レイアウトデザインも多少変えてます。

(管理人好み?)

 

実はこれまでは、SIRIUSをもっと使いやすくもっと高機能にをモットーに(表現が古っ!)、そのノウハウを旧サイトでSIRIUSご購入者さま向けの特典記事として限定公開してきました。

 

しかしながらこちらが提供したノウハウをSIRIUSに実装するのが”面倒くさい・イマイチわかりにくい”というご意見があっため、”どうせならノウハウを紹介するのではなく、ノウハウそのものを詰め込んだテンプレートを作っちゃった方が使いやすいんじゃないか”ということでカスタムテンプレートの開発に着手した次第です。

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

 

SIRIUSカスタムテンプレート【Volar】は、いわゆる”完全オリジナルデザイン”テンプレートとは違います。

 

SIRIUSの公式テンプレートをベースに、より使いやすく、より高機能を目指して仕上げた改良型テンプレートという位置づけです。

 

それゆえ基本となるテンプレートはデフォルト・ビジネス・角丸の3種類です。

 

そしてそれぞれに10色のベースカラー別のテンプレートを用意.....するつもりでしたが、実際にはデフォルト・ビジネス・角丸それぞれ1つのテンプレートしかご用意してません。

 

というのもベースカラーは自由に選べる設計にしてあるからです。

 

SIRIUSの”サイトオプション”上で好きな色を指定するだけでベースカラーを瞬時に変えられるので、もういちいち色違いのテンプレートを指定し直す必要はありません

 

カスタムテンプレート【Volar】をベースに、テーマ性を持たせてデザイン面をカスタマイズした【Volar】デザインテンプレートも新たに公開しました。

 

詳細はコチラ

 

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以降のレスポンシブテンプレートのみとなります。

 

その他の主な機能

SIRIUSカスタムテンプレート【Volar】は2カラムでの運用をベースにしております。

1カラムや3カラム版は現在は考えていません。

(※エントリーページの一部を1カラムページにするような場合は問題ありません)

 

ブログ形式で展開するブログモードにも対応してます。

 

ブログモード

キャプチャ画像 キャプチャ画像

※iPhone(スマホ)でご覧になる場合は、通常型もカード型も同じレイアウトでの表示になります。

 

※PCブラウザでご覧になると、『1カラムページ』『右サイドメニュー』がご覧になれるボタンがここに表示されます。

 

下の方にある『PC版へ表示切替』ボタンをタップしても確認可能です。

サイドバーは左側固定でのご提供ですが、スタイルシートを1ヵ所変更することですぐに右側に移動することができます。

 

その他、細かい機能に関してはクイックアクセスで概要が確認できます。

 

※PCで閲覧時は左サイドメニューからもご覧いただけます。
※iPhone(スマホ)で閲覧時は記事下に移動したサイドメニューからもご覧いただけます。

コチラ↓のボタンをクリックすると、(このページのみですが)『1カラムページ』『ブログモード表示』『右サイドメニュー』を確認することができます。

※『ブログモード表示』以外はPCブラウザ・iPad(タブレット)のみ有効なボタンです。

1カラムページ(※下部に移動したサイドメニュー表示ありパターン)
ブログモード

※通常は日付が表示されますが、非表示にすることもできます。

キャプチャ画像 キャプチャ画像

右サイドメニュー
 

【Volar】デザインテンプレート

 

SIRIUSの【新】○○テンプレートを改良したテンプレートがカスタムテンプレート【Volar】ですが、その【Volar】にテーマ性をもたせてさらにカスタマイズしたテンプレートが【Volar】デザインテンプレートになります。

【Volar】デザインテンプレートは、【Volar】の機能はそのままレイアウトデザイン面での変更を加えたテンプレートになります。

 

アートレス

第1弾はカジュアルな雰囲気をテーマにした【Volar】デザインテンプレート・アートレス

 

キャプチャ画像

 

アートレスは、カスタムテンプレート【Volar】・角丸タイプをベースにしてます。

 

そのためカスタムテンプレート【Volar】・角丸タイプをインストール→ユーザー指定スタイルの入れ替えのみで、【Volar】角丸タイプからアートレスに変えることができます。

 

なお【Volar】デザインテンプレート・アートレスは、画像の使用や色指定もあってベースカラーは15色展開となってます。

 

もっともこちらで指定したカラーコードを入力するだけですぐにベースカラーを変更できるのでテンプレートの入れ替えなどはありません。

 

DEMOサイトをご用意しました。

【Volar】デザインテンプレート・アートレス

 

プレーン

第2弾はシンプルをテーマにした【Volar】デザインテンプレート・プレーン

 

キャプチャ画像

 

プレーンは、カスタムテンプレート【Volar】・ビジネスタイプをベースにしてます。

 

そのためカスタムテンプレート【Volar】・ビジネスタイプをインストール→ユーザー指定スタイルの入れ替えのみで、【Volar】ビジネスタイプからプレーンに変えることができます。

 

なお【Volar】デザインテンプレート・プレーンは、画像の使用や色指定もあってベースカラーは18色展開になってます。

 

もっともこちらで指定したカラーコードを入力するだけですぐにベースカラーを変更できるのでテンプレートの入れ替えなどはありません。

【プレーン】に関しては、各ベースカラー用に色を合わせたポイント1,ポイント2...(画像)を使う機会がないのであれば、使えるベースカラーは実質無制限になります。

 

ポイント用画像はDEMOサイトで確認できます。

 

DEMOサイトをご用意しました。

【Volar】デザインテンプレート・プレーン

 

クール

第3弾は落ち着きのある雰囲気をテーマにした【Volar】デザインテンプレート・クール

 

キャプチャ画像

 

クールは、カスタムテンプレート【Volar】・デフォルトタイプをベースにしてます。

 

そのためカスタムテンプレート【Volar】・デフォルトタイプをインストール→ユーザー指定スタイルの入れ替えのみで、【Volar】デフォルトタイプからクールに変えることができます。

 

なお【Volar】デザインテンプレート・クールは、画像の使用や色指定もあってベースカラーは15色展開になってます。

 

もっともこちらで指定したカラーコードを入力するだけですぐにベースカラーを変更できるのでテンプレートの入れ替えなどはありません。

 

DEMOサイトをご用意しました。

【Volar】デザインテンプレート・クール

 

カスタムテンプレート【Volar】の入手方法

 

SIRIUSカスタムテンプレート【Volar(ボラル)】および【Volar】デザインテンプレートは、当サイトからSIRIUSをご購入された方への特典として配布しております。

通常版でも上位版でもお渡しするテンプレートは同じものです。

 

サンプル表示用に用意している画像等(ヘッダー画像やアイキャッチ画像ほか)はお渡しするテンプレートには含まれてません。

 

なおテンプレート以外の特典は用意しておりません。

 

管理人も昔は複数の特典を期待して教材等を買ったものです。

 

ところが特典の数が多かったところでしょせんどれもまともに手を付けることなく中途半端に終わっちゃうんですね。

 

というのもどれもまともにやろうと思ったらけっこうな時間がかかるものばかり。

 

なによりがっかりしたのは、いざ特典を開いてみたら中身は実はかなり前に作られたものだったってものが多かったこと。

 

要するに他から手に入れた特典を中身も確認せずにそのまま自分のところの特典として使い回ししているんですね。

 

アップデートもされてない特典をもらったところで役になんか立ちやしません。

 

よって当サイトでの特典はテンプレート1本のみに厳選しました。

 

新しい機能が追加されたり修正等が生じた場合は、随時アップデートを行っていきます。

 

ご質問等も随時受け付けます。

SIRIUSカスタムテンプレート【Volar】はできる限りの動作チェックは済ませた上で公開しておりますが、万が一【Volar】をご利用になられてのいかなる損害も当方では一切の責任を負いかねますこと、予めご了承願います。

 

入手方法についてはコチラ↓をご覧ください

(※「SIRIUSでホームページ作成」という姉妹サイトの専用ページが開きます)

 

 

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

キャプチャ画像

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

入手方法についてはコチラ↓をご覧ください

(※「SIRIUSでホームページ作成」という姉妹サイトの専用ページが開きます)
更新履歴