ナイチンゲールにはなれない!

看護師おかえりなさいのBLOG

画面に浮かぶSNSフォローボタンをプラグインFloating Social Media Iconで作成!

画面に浮かぶSNSフォローボタンをプラグインFloating Social Media Iconで作成!

おかえりなさい@okaerinasainetです。

今回はWordPressのプラグインFloating Social Media Iconをご紹介します。

こちらのプラグインはSNSボタンの作成ができることが特徴ですが、シェアボタンを作成するプラグインは多くありますが、フォローボタンをまとめて作成できる方法って少ないように思います。

Floating Social Media Icon

フォローボタンを作成できてかつ楽しいアクションが魅力のFloating Social Media IconはWordPressのプラグインです。

ダッシュボード画面から、プラグインの新規検索にて「Floating Social Media Icon」と検索することで取得可能です。

プラグインを追加

検索結果に現れたら「いますぐインストール」を選択します。

プラグインのインストール

 

アイコン(ボタン)スタイルは投稿時点で24種類も存在します。

「Select an icon style」より、上下でスクロールして24種類のアイコンより一つを選択します。

アイコンの選択

 

選択したアイコンは、「Social Media Icon Display Order – Drag and Drop to Reorder」に表示されます。

アイコンサイズは「 Select a social icon size」にて、16pxから55pxまで選択可能です。

アイコン表示画面

 アイコンの種類

1-6

アイコン1

7-12

アイコン2

 

13-18

アイコン3

19-24

アイコン4

ここまでアイコンの種類があると正直迷います!

「Social Media Settings」では、各種SNSの設定をします。

Social Media Settings

Social Media Settingsにて登録できるSNSは以下のものです。

  • Twitter Username:
  • Facebook Page/Profile URL:
  • Google Plus URL:
  • Pinterest URL:
  • Youtube URL:
  • Linkedin URL:
  • Feed URL:

「Other Settings」のDisplay Mode:では、フローティングアイコンとして表示するか、固定するかの変更ができます。

「Manual Only」ならフローティングなしです。替わりにショートコードやPHPなどで固定表示させるモードになっています。他にもウィジェットなどに表示することが可能です。

ウィジェットの設定

「Automatic Only」ならフローティング表示します。

「Automatic&Manual」では、両方の表示が可能です。

ウィジェットでの固定表示例

フローティング

フローティング表示例

ただ浮かぶだけではなくて画面端から飛んできて着地?するアクションが斬新ですよ!

以上、「画面に浮かぶSNSフォローボタンをプラグインFloating Social Media Iconで作成!」のご紹介でした!


コメントフォーム

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Return Top