SIRIUS2深掘りサイト

SIRIUS2の実践的使い方とカスタムテンプレート【Volar2】の独自機能を掘り下げてご紹介します

  当ページの一部リンクにはプロモーションが含まれています

当サイトで紹介しているSIRIUS2の購入特典でもあるカスタムテンプレート【Volar2】は『公式サイト・ご購入はこちら』と書かれたボタンをクリックして開いたページからのSIRIUS2ご購入でないと受け取れません。

(特典の入手方法の詳細はこちらをご覧下さい)

 

その際、最新のSIRIUS2公式サイトのデザインとは全く異なるページが開かれますがそれはSIRIUS2が最初に公開した頃の公式ページのデザインになります。

(2023.11月時点での確認)

 

SIRIUS2は従来のアフィリエイトサイトだけでなく
小・中規模企業や個人事業主などの企業系サイトとしても充分通用する
レイアウトデザインおよび独自機能を搭載してます。

 

そこで当サイトは個人だけでなく企業でも使えるよう
SIRIUS2から搭載された新機能
旧SIRIUSから継承しつつさらにパワーアップしたオリジナル機能
及びSIRIUS2を使う上で知ってると編集作業が効率的するヒントなどを
具体的事例を使って運用の手助けになるようご紹介していきます。

 

また筆者がカスタマイズしたカスタムテンプレート【Volar2】の独自機能も随時ご紹介していきます。

 

みなさまのお役に立てれば幸いです。

 

 

導入事例の再現

SIRIUS2最新の公式サイトの冒頭に載ってる導入事例実際にSIRIUS2で再現できるかやってみました。

導入事例は当初は5つだったんですが、しばらく見ないうちに11にまで増えてました。

(サイトデザインも一新されたようです)

 

ただ追加分を見る限りここでご紹介している5つの検証事例とさほど差はない感じです。

 

第1弾「英語教室」

再現サイトはこちら。解説ページはこちら

 

第2弾「ネイルサロン」

再現サイトはこちら。解説ページはこちら

 

第3弾「行政書士事務所」

再現サイトはこちら。解説ページはこちら

 

第4弾「保育園」

再現サイトはこちら。解説ページはこちら

 

第5弾「カフェ」

再現サイトはこちら。解説ページはこちら

このブロックはSIRIUS2の<ブロック設定>で背景色を、【Volar2】の<ダークモード機能>を使ってテキストカラーを白に自動変換させてます。

 

ページ最上部の”動くテロップ”は【Volar2】の<ニュースティッカー>を使って表示してます。

 

右端にぴったりくっついてる4(or 5)つの(リンク)ボタン(※PCのみ表示)は【Volar2】の<サイドボタン>を使って表示させてます。

(※アイコンはicomoonを利用)

旧SIRIUSとの比較

キャプチャ画像

HTML表示のテキストモードとウィジウィグでわかりやすデザインモードでの編集方式は基本ベースでは変わってません。

もちろんインターフェースはSIRIUS2用にバージョンアップしてますし新機能も豊富に搭載されてます。

キャプチャ画像

完全リニューアルのテンプレートは4種類。

サイトイメージに合わせてそれぞれ雰囲気が異なってます。

(※当サイトはベーステンプレートを採用)

添付のヘッダー画像も”使える”素材が増えてます。

背景画像

基本構成はレスポンシブデザインで、PCやスマホなどどの機器で見ても最適なレイアウトで表示されるよう設計されてます。

旧SIRIUSに搭載されてた『iPhoneサイト同時生成』機能も『スマホサイト同時生成』と名称を変更して引き続き搭載されてます。

「スマートフォン上だけに表示させたいコンテンツ」が多い場合にはONにするといいでしょう。

 

このブロックはSIRIUS2搭載のパーツ[画像レイアウト]を使って表示してます。

 

フルワイドで表示中の背景画像は【Volar2】の<1カラム全画面背景画像>を利用して表示してます。

(ダークモード)も併用中。

※タブレット及びスマホでは単色背景に設定を変えてるかもしれません。

SIRIUS2の新機能(パーツ)

SIRIUS2ではトップページや1カラムのランディングページ(LP)用に新たに「パーツ」という機能を搭載してます。

 

それぞれに専用の設定画面が用意されておりHTMLなど気にせず様々なデザインを構築できます。

(このブロックも直前のブロックも「パーツ」機能で作成したものです)

 

現在13のパーツがあります。

以下概要になります。(見出しクリックで詳細ページに変わります)

 

画像とテキストの組合せによるさまざまなレイアウト機能。

選択肢を選ぶだけでデザインをガラッと変えることができます。

ページ内に複数の画像を並べて表示できる画像ギャラリー。

画像をクリックするとポップアップで拡大表示されます。

複数の画像をスライドショー形式で表示できます。

シングル表示・マルチ表示・カルーセル表示、背景画像アニメーション表示などいろいろ。

タブコンテンツを使えば複数の情報をコンパクトにまとめることができます。

手順や流れをステップ形式で表示できるフローチャートが簡単に作れます。

複数のデザインパターンが用意されており、テキストカラーや文言も変更可。

複数の製品・サービスの価格や特徴などを比較表示できます。

画像を登録&おススメ商品にチェックを入れるだけのカンタン操作。

イメージ画像を選択し、タイトル・説明文・リンク先URLを入力するだけでバナー風CTAが作成できます。

デザイン違いやカラーも用意されてます。

リンク先のURLを入力するだけでリンク先の情報を自動的に解析して表示してくれます。

タイトルや説明文などは手動でも編集可。

FAQ形式のコンテンツを複数作成できるFAQリスト。

質問と回答を書いていくだけで開閉式リストができあがります。

商品やサービスを「口コミレビュー」形式で評価表示できます。

専用の設定画面に必要事項を入力するだけでOK。

複数の人物が会話をしているような吹き出しを作成できます。

デザインやカラーも複数ご用意。

スマホにも最適化されたランキングが作れます。

レビューグラフを添付したりさまざまな機能が盛り沢山。

簡易的ではありますが、標準でお問合せフォームが作れます。

最低限メールアドレスを入力するだけでも完成します。

 

このブロックはSIRIUS2搭載のパーツ[画像レイアウト]を使って表示してます。

また直前のブロックとは別の背景画像を設定してます。

※タブレット及びスマホでは単色背景に設定を変えてるかもしれません。

 

さらにこのブロックの背景画像にはオーバーレイ(ダークモード)ではなくぼかしエフェクトがかかってます。

(他にモノクロ・セピアもあり)

SIRIUS2の新機能(その他)

記事自動バックアップ
ショートカットページ
サムネイル画像作成
記事インポート
エクスポート

このブロックもSIRIUS2搭載のパーツ[画像レイアウト]を使って表示してます。

背景画像には(自動)ぼかし効果。

※タブレット及びスマホでは単色背景に設定を変えてるかもしれません。

 

コンテンツのレイアウト設定はひとつ前の「SIRIUS2の新機能(パーツ)」と同じ「デフォルト(横並び)」です。

 

[画像レイアウト]独自タグをこちらで用意したクラスで囲んでやるだけで、このブロックのようなアイコン風の画像+見出しブロック表示になります。

 

他にもこんな機能が

  • サイトの引き継ぎ(旧SIRIUSサイトをSIRIUS2に鞍替え)
  • サイト高速化設定(サイトオプション→全体設定→全体の設定)
  • 構造化データ(サイトオプション→全体設定→構造化データ)
  • WebP形式での画像出力(サイトオプション→全体設定→全体の設定)
  • パンくずリストの構造化(サイトオプション→全体設定→サイトの表示設定)

【Volar2】の独自機能

 

筆者がカスタマイズしたテンプレート【Volar2】のオリジナル機能の概要をご紹介します。

(ボタンクリックで詳細ページに変わります)

 

現状では「ベース」テンプレートのみでの適用となってます。

他3つのテンプレートでは使えませんので予めご了承ください。

 

  • 画像スライダー
  • 画像スライダー
  • 3枚の画像をズーム付きで切り替え
  • トップページの通常のヘッダ―エリアを、3枚の画像がズームしながらフェード効果で切り替わる画像スライダーに切り替えられます。

    テキストや画像も表示可能。

 

  • 動画ヘッダー
  • 動画ヘッダー
  • インパクト抜群の動画ヘッダー
  • トップページの通常のヘッダ―エリアを動画ヘッダーに切り替えられます。

    テキストや画像も表示可能。

 

  • 1カラムでサイドメニュー
  • 1カラムでサイドメニュー
  • メニューボタンクリックでサイドメニューがスライド開閉
  • PC表示時の1カラムトップページのみですが、通常は最下段に表示されるサイドメニューをハンバーガーメニュー内に格納できます。(モバイルでは通常のグローバルメニュー)

    クリックするとサイドメニューがスライド開閉します。

 

  • 1カラム用ワイド背景画像
  • 1カラム用ワイド背景画像
  • フルワイド表示の背景画像
  • SIRIUS2の『ブロック設定』を使うとフルワイドでの背景色が設定可能ですが、【Volar2】では背景画像もフルワイドで表示できます。

    またテキストを見やすくするオプションもいくつか搭載してます。

 

  • ニュースティッカー
  • ニュースティッカー
  • 視線を惹きつける”動くテキスト”
  • ヘッダー下部に右から流れてくる1行テキストを表示できます。

    最優先で見てほしいページへのリンクなどを貼っておくとクリック率が上がるかも。

 

  • 人気記事4点固定表示
  • 人気記事4点固定表示
  • ファーストビューで人気記事へ誘導
  • ヘッダー下部にSIRIUS2標準の人気記事の1位~4位までをサムネイル画像付きで自動表示できます。

    動きのあるスライダーと違って固定表示なので動作も軽いのが特長。

 

  • サイドボタン
  • サイドボタン
  • 常駐ボタンでクリックを誘う
  • 画面右端にアイコンと短めのテキストによるリンクブロックを常駐表示できます。

    半透明かつ小型サイズなので圧迫感もあまりなく、誘導したいリンク先を登録しておくとサイト回遊率も高まります。

 

  • オリジナル装飾
  • オリジナル装飾
  • SIRIUS2標準に+αの彩り
  • 【Volar2】独自のボックス装飾や付箋など、記事に彩りを添えるテキスト周りの装飾効果を取り揃えました。

 

  • まっさらな1カラムページ
  • まっさらな1カラムページ
  • まっさらなLP専用仕様
  • SIRIUS2標準の1カラム作成機能に追加で、ロゴもタイトルもコピーライトもないコンテンツだけのLPページ作成用のスタイルを別途用意しました。

    選択制なので必要な項目だけ表示することも可能。

 

  • 追加フリースペース
  • 追加フリースペース
  • 追加のフリースペース
  • SIRIUS2標準のフリースペースに加えて、サイドメニューの好きな位置における追加のフリースペースをいくつかご用意しました。

 

  • プロフィール
  • プロフィール
  • プロフィールを表示
  • サイドメニューに【Volar2】のフリースペースを利用したプロフィール紹介エリアを格納できます。

 

  • カーニング
  • カーニング
  • 文字詰めで記事を見やすく
  • フォントに”webフォント(Noto)”もしくは”游ゴシック”を指定している場合のみカーニング(文字詰め)を適用させることができます。

 

  • 記事タイトルとURLコピー
  • 記事タイトルとURLコピー
  • SNS投稿用に、メモ代わりに
  • このボタンをクリックするといま見ているページの記事タイトルとURLが一瞬でコピーされます。

    SNSでの投稿だったり利用者のメモ用だったり使い道はいろいろ。あると便利なボタンです。

 

  • 禁止設定
  • 禁止設定
  • コピー禁止・選択禁止
  • 通常は必要ありませんが、右クリックや範囲選択などを禁止できる設定を一応ご用意はしてます。

    必要な方は有効化してください。

 

このブロックはSIRIUS2搭載のパーツ[アイテム比較]を利用して表示させてます。

(リンクボタンはデフォルト設定の真ん中から最後尾に移動させてます)

SIRIUS2購入価格

SIRIUS2本体(1年間無料サポート)
28,800円(税込)

プラチナサポート(1年分:オプションサービス)
7,700円(税込)

プラチナサポート→無償サポート、無償アップデート

プラチナサポートに入らなくてもSIRIUS2の利用継続は可。

ただしバージョンアップやサポートは受けられません。

 

サポート

サポートはメールのみ。旧SIRIUS時代のような専用掲示板はありません

また旧SIRIUS同様、サポート期間に制限はないようです。

 

SIRIUS2になって年間更新料まで払うようになったのですからメールのみのサポートではなく専用の掲示板は復活してほしいところです。

 

気になることがあって掲示板を覗いてみたらすでに解決策が提示されていてあっという間にトラブル解消なんてこともけっこう多かったりして助かってましたから。

 

あるいはサポートに来たメール内容を掲載する専用ページを設けていただくとか…

 

【Volar2】の入手方法

必ずお読みください

SIRIUS2が発表されたと同時に旧カスタムテンプレート【Volar】をベースにSIRIUS2用として移植を開始したのが【Volar2】で、SIRIUS2購入時の特典として配布しております。

 

【Volar2】の開発ベースになってるのは「ベーステンプレート」です。

よって他の「スマート」「エレガント」「ポップ」テンプレートではご利用いただけません

(他のテンプレートでも使える機能はいくつかあります)

 

また【Volar2】はレスポンシブデザインのみでの動作保証となっており、「スマホサイト同時生成」ONでの動作チェックはやっておりません。

 

サポートに関しては原則メールでのやりとりとなります。

(同様のご質問が多かったりする場合は簡易掲示板の利用もあるかもしれません)

 

サポート期間に特に期限は設けておりません。

 

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

 

以上の点にご理解いただける方のみ下記入手方法に沿ってSIRIUS2をご購入いただきますようお願い申し上げます。

 

【Volar2】はSIRIUS2のアップデートに併せて随時動作チェックを行っております。

 

また【Volar2】のバージョンはSIRIUS2のバージョンナンバーと一致させているので、ナンバーが異なってる時は最新版へのアップデートの準備中とお考え下さい。

 

現時点でのSIRIUS2最新バージョン 1.12
(2023/10/2)
【Volar2】の最新バージョン 1.12

 

入手方法
  • STEP
    公式サイトを開く

    下の方にある「公式サイト・購入はこちら」をクリックして公式サイトを開きます。

  • STEP
    SIRIUS2を購入

    公式サイトにてSIRIUS2の購入ボタンをクリックします。

  • STEP
    決済画面の確認

    インフォトップ」という決済サイトの決済画面に進みます。

     

    決済画面で、ご購入商品名や価格欄の下に以下の赤枠内が表示されてることをご確認ください。

     

    キャプチャ画像

     

    もしも表示されてないまま決済を完了してしまうと特典をお受け取りになることができません

     

    またお問合せをいただいても特典のお渡しは不可となってしまいます。

  • STEP
    特典請求

    SIRIUS2ご購入後、購入者専用のマイページ特典請求用のPDFがダウンロードできます。

    開いたら登録フォームに必要事項を記入後送信してください。

     

    確認でき次第、すみやかに当方からログインIDやパスワードを返信いたします。