![SIRIUS2深掘り](./img/header.jpg)
当ページの一部リンクにはプロモーションが含まれています
SIRIUS2 ver.1.180にて追加された【テンプレート・和モダン】を【Volar2】で再現してみました。
こちらで用意した専用機能を追加するだけで【テンプレート・和モダン】のようなサイトが作成できます。
上の5つのバナーは【Volar2】のオリジナルバナーデザインで作成したものです。
当サイトで紹介しているSIRIUS2の購入特典でもあるカスタムテンプレート【Volar2】は『公式サイト・ご購入はこちら』と書かれたボタンをクリックして開いたページからのSIRIUS2ご購入でないと受け取れません。
(特典の入手方法の詳細はこちらをご覧下さい)
その際、最新のSIRIUS2公式サイトのデザインとは一部異なるページが開かれる場合がありますがそれはSIRIUS2が最初に公開した頃の公式ページのデザインになります。
(2024.2月時点での確認)
SIRIUS2は従来のアフィリエイトサイトだけでなく
小・中規模企業や個人事業主などの企業系サイトとしても充分通用する
レイアウトデザインおよび独自機能を搭載してます。
そこで当サイトは個人だけでなく企業でも使えるよう
SIRIUS2から搭載された新機能、
旧SIRIUSから継承しつつさらにパワーアップしたオリジナル機能、
及びSIRIUS2を使う上で知ってると編集作業が効率的するヒントなどを
具体的事例を使って運用の手助けになるようご紹介していきます。
また筆者がカスタマイズしたカスタムテンプレート【Volar2】の独自機能も随時ご紹介していきます。
みなさまのお役に立てれば幸いです。
このブロックは【Volar2】の<フルワイド背景画像機能>を適用してブラウザ幅いっぱいに背景画像を表示させてます。
SIRIUS2の公式サイトの冒頭に載ってる導入事例を実際にSIRIUS2で再現できるかやってみました。
導入事例は当初は5つだったんですが、しばらく見ないうちに11にまで増えてました。
(サイトデザインも一新されたようです)
ただ追加分を見る限りここでご紹介している5つの検証事例とさほど差はない感じです。
第1弾「英語教室」
第2弾「ネイルサロン」
第3弾「行政書士事務所」
第4弾「保育園」
第5弾「カフェ」
HTML表示の”テキストモード”と見た目のまま編集可能な”デザインモード”での編集方式は基本ベースでは変わってません。
もちろんインターフェースはSIRIUS2用にバージョンアップして見やすくなってますし新機能も豊富に搭載されてます。
完全リニューアルのテンプレートは6種類。
サイトイメージに合わせてそれぞれ雰囲気が異なってます。
(※当サイトはベーステンプレートを基にしたカスタムテンプレート【Volar2】を採用)
添付のヘッダー画像も”使える”素材が増えてます。
このブロックはSIRIUS2搭載のパーツ[画像レイアウト]を使って表示してます。
パーツ<画像レイアウト>をカスタマイズして、画像とテキストエリアを(余白なしの)完全交互表示にしたタイプも用意しました。(【Volar2】搭載機能)
デモページの<画像レイアウト>余白なし交互表示で実際の表示サンプルがご覧になれます。
SIRIUS2ではトップページや1カラムのランディングページ(LP)用に新たに「パーツ」という機能を搭載してます。
それぞれに専用の設定画面が用意されておりHTMLなど気にせず様々なデザインを構築できます。
(このブロックも直前のブロックも「パーツ」機能で作成したものです)
現在13のパーツが搭載されてます。
このブロックも含めて背景に全面画像が敷いてあるブロックは【Volar2】の<フルワイド背景画像機能>を使ってます。
また背景画像によってはオプションの”ダークモード”を有効化して背景画像は暗めに自動変換、主要なテキストカラーのみ白色に自動変換させてます。
またこのブロックはSIRIUS2搭載のパーツ[画像レイアウト]を使って表示してます。
パーツ<画像レイアウト>で背景色を付けたタイプも用意しました。(【Volar2】搭載機能)
デモページの<画像レイアウト>背景色付きで実際の表示サンプルがご覧になれます。
また見出しを強調表示した枠線のみのシンプルなタイプもご用意しました。(【Volar2】搭載機能)
デモページの<画像レイアウト>シンプルで実際の表示サンプルがご覧になれます。
このブロックもSIRIUS2搭載のパーツ<画像レイアウト>を使って表示してます。
なお<画像レイアウト>の独自タグを【Volar2】で用意している専用のクラスで囲んでやるだけで、このブロックのようにちょっと小さめのアイコン風画像+見出しブロック表示にできます。
パーツ<画像レイアウト>を利用して背景色を付けたタイプも用意しました。(【Volar2】搭載機能)
デモページの<画像レイアウト>画像(小)枠付きで実際の表示がご覧になれます。
SIRIUS2には他にもさまざまな機能が搭載
筆者がカスタマイズしたテンプレート【Volar2】のオリジナル機能の概要をご紹介します。
【Volar2】は「ベーステンプレート」を元にアレンジしたカスタムテンプレートとなってます。
トップページの通常のヘッダ―エリアを3枚の画像がズームしながらフェード効果で切り替わる画像スライダー。
のちに搭載されたSIRIUS2標準機能のヘッダーアニメーションと機能的にはほぼ同じですが多少の違いもあり。
<ブロック設定>の”背景画像”とは一味違ったブラウザ幅いっぱいでの背景画像表示機能。
画像を暗めにしてテキストを自動的に白くするダークモードにも対応。
ヘッダー最上段に右から流れてくる”動くテキスト”を表示できます。
注意喚起事項や最優先で見てほしいページへのリンクなどを貼っておくと効果的かと。
<画像レイアウト>が出力する独自タグを【Volar2】で用意している専用クラスで囲むことでさまざまなレイアウト表示が可能になります。
SIRIUS2標準機能<画像ギャラリー>のサムネイル画像をスマホで大きく表示して見やすくしたり、タップ後の画像サイズを横幅100%表示に変える【Volar2】独自の仕様です。
SIRIUS2標準搭載「目次」用の独自タグを【Volar2】で用意している専用クラスで囲むことで、目次をページ内リンクボタン風に1列に並べるレイアウト変換機能。
1カラムページで複数のサービスや商品紹介などに使えます。
このブロックはSIRIUS2搭載のパーツ<アイテム比較>を利用して表示させてます。
デフォルト設定では真ん中あたりにリンクボタンが配置されるんですが【Volar2】で用意したクラスで囲むことで最下部に移動します。
パーツ<アイテム比較>を利用した並列表記の固定表示FAQのデモをすぐ下にご用意しました。(【Volar2】搭載機能)
概要はこちらのページを御覧ください。
パーツ<アイテム比較>を利用した表示領域に達したらカウントアップするカウンター機能のデモもご用意しました。(更新ボタンで再現可)(【Volar2】搭載機能)
概要はこちらのページを御覧ください。
SIRIUS2本体(1年間無料サポート)
28,800円(税込)
プラチナサポート(1年分:オプションサービス)
7,700円(税込)
プラチナサポート→無償サポート、無償アップデート
プラチナサポートに入らなくてもSIRIUS2の利用継続は可。
ただしバージョンアップやサポートは受けられません。
サポートはメールのみ。旧SIRIUS時代のような専用掲示板はありません。
また旧SIRIUS同様、サポート期間に制限はないようです。
SIRIUS2になって年間更新料まで払うようになったのですからメールのみのサポートではなく専用の掲示板は復活してほしいところです。
気になることがあって掲示板を覗いてみたらすでに解決策が提示されていてあっという間にトラブル解消なんてこともけっこう多かったりして助かってましたから。
あるいはサポートに来たメール内容を掲載する専用ページを設けていただくとか…
SIRIUS2が発表されたと同時に旧カスタムテンプレート【Volar】をベースにSIRIUS2用として移植を開始したのが【Volar2】で、SIRIUS2購入時の特典として配布しております。
【Volar2】の開発ベースになってるのは「ベーステンプレート」です。
また【Volar2】はレスポンシブデザインのみでの動作保証となっており、「スマホサイト同時生成」ONでの動作チェックはやっておりません。
サポートに関しては原則メールでのやりとりとなります。
(同様のご質問が多かったりする場合は簡易掲示板の利用もあるかもしれません)
サポート期間に特に期限は設けておりません。
【Volar2】はできる限りの動作チェックを済ませた上で公開しておりますが、万が一【Volar2】をご利用になられてのいかなる損害も当方では一切の責任を負いかねますこと予めご了承願います。
以上の点にご理解いただける方のみ下記入手方法に沿ってSIRIUS2をご購入いただきますようお願い申し上げます。
【Volar2】はSIRIUS2のアップデートに併せて随時動作チェックを行っております。
また【Volar2】のバージョンはSIRIUS2のバージョンナンバーと(可能な限り)一致させているので、ナンバーが異なってる時は最新版へのアップデートの準備中とお考え下さい。
現時点でのSIRIUS2最新バージョン | 1.182 (2024/8) |
---|---|
【Volar2】の最新バージョン | 1.182 |
[2024.9.3]【Volar2】の機能を大幅にアップデートしました。
1カラム形式のページに開閉式のサイドメニューを表示できる『PCでもハンバーガーメニュー』機能を搭載しました。
今回は「テンプレート・モジュール・ユーザー指定スタイル」など修正箇所が膨大になったため、”ファイルの差し替え”か”中身の差し替え”でのお願いになります。
「横スクロールできます」テキスト用スタイル追加。
「テーブルでマイクロコピー」用スタイル追加。
【Volar2】テーブル幅調整(スタイル)
【Volar2】テーブルアイコン(スタイル)
【Volar2】テーブル縦書き(スタイル)
【Volar2】画像拡大(スタイル)
【Volar2】専用の画像フォルダを作成。
定型文を一部追加しました。
下の方にある「公式サイト・購入はこちら」をクリックして公式サイトを開きます。
公式サイトにてSIRIUS2の購入ボタンをクリックします。
「インフォトップ」という決済サイトの決済画面に進みます。
決済画面で、ご購入商品名や価格欄の下に以下の赤枠内が表示されてることをご確認ください。
もしも表示されてないまま決済を完了してしまうと特典をお受け取りになることができません。
またお問合せをいただいても特典のお渡しは不可となってしまいます。
SIRIUS2ご購入後、購入者専用のマイページで特典請求用のPDFがダウンロードできます。
開いたら登録フォームに必要事項を記入後送信してください。
確認でき次第、すみやかに当方からログインIDやパスワードを返信いたします。
『サイトタイプ』が「通常タイプ」のサイトでも、【Volar2】で用意している専用HTMLを丸ごとペーストすることでブログ記事一覧を表示できます。