サイドボタン-Volar2

【Volar2】にはブラウザの右端に常時表示可能なサイドボタンを搭載してます。

こちらが通常版です。

（当サイトがデモになります）

 

 

 

 

＜サイドボタン（通常版）＞の特長としては、

• 嫌みのない程度（？）に透過させてます。
• 幅もウザがられない程度（？）に抑えてます。（Max 70px）
• 日本語で4文字が最大。それ以上は改行されます。
• テキスト上のアイコンは当サイトではicomoon（読み方わからず）を使ってますが、SIRIUS2に標準搭載のアイコンや画像などお好きなものが利用できます。（※アイコンや画像無しでもOK）
• 作成・修正はモジュール内のリストに表示したい（アイコンや）テキストを記入するだけ。
• 画面幅の広いPC表示時のみの機能にしてるので、スマホ等では代替機能としてスマホ固定フッターメニューのご利用をおすすめします。
• 理論上は無制限に増やせますが、実質的には最大5個程度に抑えておくとこれまたウザがられないかと。

 

＜サイドボタン・縦書き＞の特長としては、

• 通常版の縦書き版。ただしスマホでは横書き表示（最下段）。
• ボタンは2個で固定。デザインも固定。テキストの量によって高さの変更は可。

＜サイドボタン（通常版）＞を有効化するには表示したいテンプレート、たとえばトップページなら上部メニューからテンプレート→HTMLテンプレート編集→トップページと開き、以下の赤枠内のモジュールのコメントアウトを解除（削除）します。

 

 

＜サイドボタン（通常版）＞用モジュールの[% module(【Volar2】サイドボタン（HTML）) %]をダブルクリックすると下のような入力エリアが表示されます。（※簡略化してます）

サンプルにしたがってアイコン画像やオリジナルの画像タグ、テキストを入力していきます。

（画像はSIRIUS2の画像管理からの入力が早くて確実です）

 

＜サイドボタン・縦書き＞を有効化するには表示したいテンプレート、たとえばトップページなら上部メニューからテンプレート→HTMLテンプレート編集→トップページと開き、以下の赤枠内のモジュールのコメントアウトを解除（削除）します。

 

 

＜サイドボタン・縦書き＞用モジュールの[% module(【Volar2】サイドボタン・縦書き（HTML）) %]をダブルクリックすると下のような入力エリアが表示されます。（※簡略化してます）

サンプルにしたがって表示したいテキストに差し替えます。