サイドボタン-SIRIUS2

サイドボタン

SIRIUS2テンプレート【Volar2】ではブラウザ右端に常駐可能なミニリンクボタン機能を搭載してます。

アイキャッチ画像

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

 

こちらですね。

 

キャプチャ画像

目次
  1. 概要
  2. 設定

概要

<サイドボタン>はデフォルトではOFFになってます。

 

またPCのみでの表示に限定してます。

 

<サイドボタン>の特長としては、

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

設定

<サイドボタン>を有効化するには【テンプレート】→【HTMLテンプレート編集】→【エントリーページ】と進み、以下のモジュールのコメントアウトを解除(外す)します。

 

キャプチャ画像

 

トップページカテゴリーページにも用意しているので、必要であればそちらのテンプレート上でもコメントアウトを解除します。

 

 

<サイドボタン>用モジュールをダブルクリックすると下のような入力エリアが表示されるので(※抜粋)、サンプルにしたがってアイコンや画像タグ、テキストを入力していくだけで完了です。

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

 

キャプチャ画像

 

サイト管理人

筆者

 

icomoon画像用のスタイルのみご用意してます。

(たぶんFont Awesomeでもぴったり収まるハズ...)

コメントフォーム(β版)

    ※コメントはこちらからどうぞ

    このフォームを作成するにあたって参考にしたサイト情報はこちらに載せてます