SNS アイコンを表示するプラグインを作りました

こんにちは、魚沼情報サービスの対馬です。

近いうちに提供開始したいと思っている新サービスのため、せっせとプラグインを作っている私ですが、あれこれ実装したい欲が出てしまい、サービス開始が遠のいているのではないかと心配になっています💦

ということで、今回紹介するのは...

オリジナルプラグイン UJS SNS Icons

自社の SNS にリンクするアイコンを表示するプラグイン UJS SNS Icons を作りました。

プラグインをこのサイトにインストールしてあり、以下のように SNS アイコンが表示されています。

メニュー編集画面

プラグインをインストールするとメニューの位置に UJS SNS Icons が追加されて、このメニューに登録したアイコンが表示されるしくみになっています。

アイコンは Font Awesome を使用する前提で作りましたが、i タグで指定するアイコンであればたぶん使えると思います。

デザインのバリエーション

アイコンの形を 四角形 に、アイコンの色を カスタムカラー1 にしたバリエーションもあります。

ソーシャルボタンと区別しづらいかも

VK All in One Expansion Unit で表示しているソーシャルボタン（シェアボタン）と区別しづらいのが気になりましたので、ソーシャルボタンの方には
＼シェアする／
の文字を表示してあります。

このソーシャルボタンのスタイルや文言も UJS Share Buttons Style というオリジナルプラグインを使って設定しています。