SIRIUS2標準機能のヘッダーアニメーションのテキストの表示位置やサイズ調整などのカスタマイズをご紹介します。
SIRIUS2深掘り
SIRIUS2の実践的使い方とカスタムテンプレート【Volar2】の独自機能を掘り下げてご紹介します
当ページの一部リンクにはプロモーションが含まれています
当サイトで紹介しているSIRIUS2の購入特典でもあるカスタムテンプレート【Volar2】は『公式サイト・ご購入はこちら』と書かれたボタンをクリックして開いたページからのSIRIUS2ご購入でないと受け取れません。
（特典の入手方法の詳細はこちらをご覧下さい）
その際、最新のSIRIUS2公式サイトのデザインとは一部異なるページが開かれる場合がありますがそれはSIRIUS2が最初に公開した頃の公式ページのデザインになります。
（2024.2月時点での確認）
上の5つのバナーは【Volar2】のオリジナルバナーデザインで作成したものです。
SIRIUS2は従来のアフィリエイトサイトだけでなく
小・中規模企業や個人事業主などの企業系サイトとしても充分通用する
レイアウトデザインおよび独自機能を搭載してます。
そこで当サイトは個人だけでなく企業でも使えるよう
SIRIUS2から搭載された新機能、
旧SIRIUSから継承しつつさらにパワーアップしたオリジナル機能、
及びSIRIUS2を使う上で知ってると編集作業が効率的するヒントなどを
具体的事例を使って運用の手助けになるようご紹介していきます。
また筆者がカスタマイズしたカスタムテンプレート【Volar2】の独自機能も随時ご紹介していきます。
みなさまのお役に立てれば幸いです。
このブロックは【Volar2】の＜フルワイド背景画像機能＞を適用してブラウザ幅いっぱいに背景画像を表示させてます。
導入事例の再現
SIRIUS2の公式サイトの冒頭に載ってる導入事例を実際にSIRIUS2で再現できるかやってみました。
導入事例は当初は5つだったんですが、しばらく見ないうちに11にまで増えてました。
（サイトデザインも一新されたようです）
ただ追加分を見る限りここでご紹介している5つの検証事例とさほど差はない感じです。
第1弾「英語教室」
第2弾「ネイルサロン」
第3弾「行政書士事務所」
第4弾「保育園」
第5弾「カフェ」
旧SIRIUSとの比較
HTML表示の”テキストモード”と見た目のまま編集可能な”デザインモード”での編集方式は基本ベースでは変わってません。
もちろんインターフェースはSIRIUS2用にバージョンアップして見やすくなってますし新機能も豊富に搭載されてます。
完全リニューアルのテンプレートは4種類。
サイトイメージに合わせてそれぞれ雰囲気が異なってます。
（※当サイトはベーステンプレートを採用）
添付のヘッダー画像も”使える”素材が増えてます。
基本構成はレスポンシブデザインで、PCやスマホなどどの機器で見ても最適なレイアウトで表示されるよう設計されてます。
旧SIRIUSに搭載されてた『iPhoneサイト同時生成』機能も『スマホサイト同時生成』と名称を変更して引き続き搭載されてます。
「スマートフォン上だけに表示させたいコンテンツ」が多い場合にはONにするといいでしょう。
このブロックはSIRIUS2搭載のパーツ［画像レイアウト］を使って表示してます。
パーツ＜画像レイアウト＞をカスタマイズして、画像とテキストエリアを（余白なしの）完全交互表示にしたタイプも用意しました。（【Volar2】搭載機能）
デモページの＜画像レイアウト＞余白なし交互表示で実際の表示サンプルがご覧になれます。
SIRIUS2の新機能（パーツ）
SIRIUS2ではトップページや1カラムのランディングページ（LP）用に新たに「パーツ」という機能を搭載してます。
それぞれに専用の設定画面が用意されておりHTMLなど気にせず様々なデザインを構築できます。
（このブロックも直前のブロックも「パーツ」機能で作成したものです）
現在13のパーツが搭載されてます。
このブロックは【Volar2】の＜フルワイド背景画像機能＞を使い、オプションで”ダークモード”を適用して背景画像は暗めに自動変換、主要なテキストカラーのみ白色に自動変換させてます。
またこのブロックはSIRIUS2搭載のパーツ［画像レイアウト］を使って表示してます。
パーツ＜画像レイアウト＞で背景色を付けたタイプも用意しました。（【Volar2】搭載機能）
デモページの＜画像レイアウト＞背景色付きで実際の表示サンプルがご覧になれます。
また見出しを強調表示した枠線のみのシンプルなタイプもご用意しました。（【Volar2】搭載機能）
デモページの＜画像レイアウト＞シンプルで実際の表示サンプルがご覧になれます。
SIRIUS2の新機能（その他）
このブロックもSIRIUS2搭載のパーツ＜画像レイアウト＞を使って表示してます。
なお＜画像レイアウト＞の独自タグを【Volar2】で用意している専用のクラスで囲んでやるだけで、このブロックのようにちょっと小さめのアイコン風画像＋見出しブロック表示にできます。
パーツ＜画像レイアウト＞を利用して背景色を付けたタイプも用意しました。（【Volar2】搭載機能）
デモページの＜画像レイアウト＞画像（小）枠付きで実際の表示がご覧になれます。
SIRIUS2には他にもさまざまな機能が搭載
- サイトの引き継ぎ（旧SIRIUSサイトをSIRIUS2に鞍替え）
- サイト高速化設定（サイトオプション→全体設定→全体の設定）
- 構造化データ（サイトオプション→全体設定→構造化データ）
- WebP形式での画像出力（サイトオプション→全体設定→全体の設定）
- パンくずリストの構造化（サイトオプション→全体設定→サイトの表示設定）などほかにもいろいろ
【Volar2】の独自機能
筆者がカスタマイズしたテンプレート【Volar2】のオリジナル機能の概要をご紹介します。
現状では「ベース」テンプレートのみでの適用となってます。
他のテンプレートではご利用になれません。予めご了承ください。
- 画像スライダー（ヘッダー）
- 3枚の画像がズームで入れ替わり
トップページの通常のヘッダ―エリアを3枚の画像がズームしながらフェード効果で切り替わる画像スライダーで切り替え。
テキストや画像も表示可能。
- 1カラム用ワイド背景画像
- フルワイド表示の背景画像
＜ブロック設定＞の”背景画像”とは一味違ったフルワイドでの背景画像表示機能。
テキストを見やすくするオプションも搭載。
- ニュースティッカー
- 視線を惹きつける”動くテキスト”
ヘッダー上部に右から流れてくる1行テキストを表示可。
最優先で見てほしいページへのリンクなどを貼っておくとクリック率が上がるかも。
このブロックはSIRIUS2搭載のパーツ＜アイテム比較＞を利用して表示させてます。
デフォルト設定では真ん中あたりにリンクボタンが配置されるんですが【Volar2】で用意したクラスで囲むことで最下部に移動します。
パーツ＜アイテム比較＞を利用した並列表記の固定表示FAQのデモをすぐ下にご用意しました。（【Volar2】搭載機能）
概要はこちらのページを御覧ください。
- 利用料金はどこで調べられますか
- この文章はダミーです。
文字の大きさ、量、字間、行間等を確認するために入れています。
- 退会方法は
- この文章はダミーです。
この文章はダミーです。
この文章はダミーです。
- 特典を教えてください
- この文章はダミーです。
文字の大きさ、量、字間、行間等を確認するために入れています。
文字の大きさ、量、字間、行間等を確認するために入れています。
- 関東で最寄りの支店を教えてください
- この文章はダミーです。
この文章はダミーです。
文字の大きさ、量、字間、行間等を確認するために入れています。
パーツ＜アイテム比較＞を利用した表示領域に達したらカウントアップするカウンター機能のデモもご用意しました。（更新ボタンで再現可）（【Volar2】搭載機能）
概要はこちらのページを御覧ください。
- 顧客満足度
- 0%
- 2024年3月現在
- 導入企業
- 0社
- 2024年3月現在
- 登録者数
- 0人
- 2024年3月現在
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.17 （2024/3） |
|---|---|
| 【Volar2】の最新バージョン | 1.17 |
【Volar2】アップデート情報
お知らせ（2024.3.24）
【Volar2】独自機能の＜開閉式サイドメニュー＞ですが、現状ではHTMLの構造上SEO的にマイナス要因がありそうなので一時停止してます。
解決策が分かり次第、ちかいうちに再アップいたします。
ver.1.17
今回は「テンプレート・モジュール・ユーザー指定スタイル」など修正箇所が膨大になったため、”ファイルの差し替え”か”中身の差し替え”でのお願いになります。
ver.1.15
スタイル変更
「横スクロールできます」テキスト用スタイル追加。
「テーブルでマイクロコピー」用スタイル追加。
モジュール追加
【Volar2】テーブル幅調整（スタイル）
【Volar2】テーブルアイコン（スタイル）
【Volar2】テーブル縦書き（スタイル）
モジュール（内容）変更
【Volar2】画像拡大（スタイル）
【Volar2】専用画像フォルダ追加
【Volar2】専用の画像フォルダを作成。
定型文追加
定型文を一部追加しました。
ver.1.14
- エントリーページでも開閉式サイドメニューが搭載可能になったので【テンプレート・トップーページ】及び【テンプレート・エントリーページ】の内容を一部変更。
- 『画像拡大』機能を追加。これに伴い専用のスタイルとスクリプトと専用画像を追加。また『定型文』にも専用HTMLコードを追加。
- PCとスマホで別々のテキストを表示可能な自動変換クラスを追加。
- 機能変更や機能追加に伴いユーザー指定スタイル及び一部のモジュールも変更。
【Volar2】入手方法
-
STEP
- 公式サイトを開く
下の方にある「公式サイト・購入はこちら」をクリックして公式サイトを開きます。
-
STEP
- SIRIUS2を購入
公式サイトにてSIRIUS2の購入ボタンをクリックします。
-
STEP
- 決済画面の確認
「インフォトップ」という決済サイトの決済画面に進みます。
決済画面で、ご購入商品名や価格欄の下に以下の赤枠内が表示されてることをご確認ください。
もしも表示されてないまま決済を完了してしまうと特典をお受け取りになることができません。
またお問合せをいただいても特典のお渡しは不可となってしまいます。
-
STEP
- 特典請求
SIRIUS2ご購入後、購入者専用のマイページで特典請求用のPDFがダウンロードできます。
開いたら登録フォームに必要事項を記入後送信してください。
確認でき次第、すみやかに当方からログインIDやパスワードを返信いたします。
最新の記事一覧
『サイトタイプ』が「通常タイプ」のサイトでも、【Volar2】で用意している専用HTMLを丸ごとペーストすることでブログ記事一覧を表示できます。
SIRIUS2テンプレート【Volar2】では指定した日時に自動的に価格（数値）を変更してくれる機能を搭載してます。
SIRIUS2テンプレート【Volar2】では【パーツ】→＜アイテム比較＞を利用したカウントアップカウンターを作成できます。
パーツ→＜問い合わせフォーム＞で固定化されてる項目の表示順を自在に変えるやり方をご紹介します。
1カラム専用の【Volar2】オリジナルH2見出しデザインと通常ページのH2見出しデザインを別々に設定できます。