概要
こちらが通常版。
（↑ヘッダー画像の右わきをご覧ください）
もう一つが縦書き＆ボタン2個の縦書き版。
（↑ヘッダー画像の右わきをご覧ください）
《サイドボタン》（通常版）の特長としては、
- 嫌みのない程度に透過させてます。
- 幅もウザがられない程度に抑えてます。（Max 70px）
- 日本語で4文字が最大。それ以上は改行されます。
- テキストの上のアイコンはicomoon（読み方わからず）なども使えますし、SIRIUS2に標準搭載のアイコンや画像なども利用できます。（※アイコンや画像無しでもOK）
- アイコン/テキストなどの追加・修正はモジュール内で作業完了。
《サイドボタン》（縦書き）の特長としては、
- 通常版の縦書き版。ただしスマホでは最下段に横書き表示。
- ボタンは2個で固定。デザインも固定。テキストの量によって高さの変更は可。
通常版はPCのみでの表示、縦書き版はPC＆モバイルでも表示できます。
有効化
この機能はデフォルトでは無効化されてます。
《サイドボタン》を利用するには専用モジュールを有効化する必要があります。
有効化のやり方
《サイドボタン（通常版）》を利用するには
①『【Volar2】サイドボタン［通常版］（本体）』
上記モジュールの［有効］のチェックをONにします。
（※デフォルトでONになってます）
続いてサイドボタンを表示したいページ②③④の［有効］のチェックをONにします。
たとえばトップページとエントリーぺージのみに表示するなら①②④の［有効］のチェックをONにするといった具合です。
《サイドボタン［縦書き］》＞を利用するには
⑤『【Volar2】サイドボタン［縦書き］（本体）』
上記モジュールの［有効］のチェックをONにします。
（※デフォルトでONになってます）
続いてサイドボタンを表示したいページ⑥⑦⑧の［有効］のチェックをONにします。
アイコン/テキストの変更・追加などはすべてモジュール上で完了します。
『サイドボタン』の関連記事
-
SIRIUS2テンプレート【Volar2】ではトップページのヘッダー画像上のテキストに様々な装飾をかけられます。 -
SIRIUS2テンプレート【Volar2】では＜画像レイアウト＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜アイテム比較＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜画像ギャラリー＞のスマホでの表示レイアウトをカスタマイズできます。 -
SIRIUS2テンプレート【Volar】では＜CTA＞の通常レイアウトに加えて独自レイアウトも追加しました。 -
SIRIUS2テンプレート【Volar2】ではパーツ＜タブコンテンツ＞に枠線を付けるスタイルを用意してます。 -
SIRIUS2テンプレート【Volar2】では＜フローチャート＞に追加レイアウトを加えてます。 -
SIRIUS2テンプレート【Volar】では＜リンクカード＞の独自レイアウトを追加しました。