軽量タイプのSNSシェアボタン

キャプチャ画像

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

 

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


登録可能なシェアボタン

公式のシェアボタンを利用したりや外部サービスを利用すると専用のスクリプトをいくつも読み込む必要があります。

 

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

 

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

 

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

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

 

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

キャプチャ画像

 

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

キャプチャ画像

 

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

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

Font Awesomeでアイコン表示

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

 

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

 

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

 この記事をシェア