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

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

 

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

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

 

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

 

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

 

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

 

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

 

 

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

 

 

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

 

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

（一部画像も使ってます）

 

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

 

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

 

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