※モバイル機器のみ作動→PC表示に切替 モバイル表示に切替

【Volar】に搭載されてるオリジナル機能に関してはデザインモードではなくデフォルトの編集画面でのご利用を前提としてます。

特に記載がない限り、ご紹介する機能は【Volar】及び【Volarデザイン】に共通搭載となります。

SNSシェアボタン群表示機能

キャプチャ画像

SIRIUSテンプレート【Volar】では(エントリーページのみですが)オリジナルのシェアボタンを用意してます。

 

スクリプトを使わないシンプルな構成なのでページ表示のスピードにもほとんど影響を与えません。


登録可能なシェアボタン

公式のシェアボタンを利用したりや外部サービスを利用するとJavaScriptを読み込む必要があります。

 

しかしながらそれがページの表示速度が遅くなる要因の一つにもなってます。

 

またページ表示の速度低下をもたらすもう一つの要因が、ページを開くたびに再計算するカウント数などの表示です。

 

【Volar】のシェアボタンは、こういったページ表示の低下につながる要因を除外したシンプルなシェアボタンに仕上げてあります。

 

コチラ↓がPCブラウザでのシェアボタンです。

 

キャプチャ画像

 

iPhone(スマホ)ではコチラ↓のように表示されます。

 

キャプチャ画像

 

※実際に当サイトに実装してあるので下の方をご覧ください。

 

アイコン部分はFontAwesomeがメインです。

(一部画像も使ってます)

SIRIUSにFontAwesome機能

SIRIUSテンプレート【Volar】には、画像アイコン代わりのFontAwesome機能が予め組み込まれています。

 

現在は6個のシェアボタンを用意してます。

 

それぞれ個別に表示・非表示を選択することも順番を変えることもできます。

 

またFacebookのシェアボタンとは別に、”いいネ!・シェア・フォロー”ボタンをまとめたいいネ!ボックスも表示できます。

SIRIUSに「いいネ!」ボックス

SIRIUSテンプレート【Volar】では、シェアボタンの他にFacebook用のいいネ!やフォローボタン表示機能も付けられます。

SIRIUSテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください。
 この記事をシェア 
キャプチャ画像