WEB WING|Affinger5 WORDPRESS プラグイン

【超おすすめSNSシェア設置プラグイン】LINEも選べる!AddToAny設定|サイトの隅に常にいるアイコン!

投稿日:

AddToAny設定
SNSがいつも枠にくっついているサイトって可愛い。
思わずシェアしたくなる!
私にも出来る?
良いプラグインがありますよ!

 

この記事を読むメリット

  • 常にSNSのアイコンが枠に付いてくる。
  • シェアしたい時にシェアできるのでシェア率が上がる!
  • プラグインで簡単に設置できちゃう!!
  • 自分の設置したいSNSだけ選んで実装できる。

 

それではさっそく頑張りましょう!

 

 

どんなサイトにもSNS拡散ボタンを常設できる!

シェアしたい時を逃さない便利プラグイン

画面のどこになっても、どれだけスクロールしても付いてくるシェアボタン!

 

こんな仕上がり!

AddtoAny

 

アップで!

Addtoany設置

 

設置したいSNSだけ選べる!

ADD TO ANY

 

携帯だとこんな感じ!

 

AddToAny Share Buttons (シェアボタン)の導入方法

プラグイン導入

 

まずはプラグインを「新規追加」

AddToAny Share Buttons (シェアボタン)

 

メモ

最終更新が半年以上前のプラグインは導入を懸念しましょう。

一ヶ月前だから大丈夫ですね!

 

WordPressのプラグインの入れ方

  1. プラグインを探す
  2. 最終更新が半年以上前では無いか確認
  3. インストール
  4. 有効化
  5. 各種設定

 

有効化したら設定していきましょう!

設定からAddToAnyを選びます!

AddToAny

 

AddToAny共有設定画面での設定|Srandardタブ

AddToAny設定は「Standard」と「Floating」に分かれています!

AddToAny設定

まずは「Standard」から見ていきましょう!

ADD TO ANY設定

 

Icon Styleでアイコンのサイズを決めていきましょう!

私は26pixelsとしています!

 

記事の上下にもシェアボタンが入っているので、控えめなサイズにしています!

 

Share Buttons項目で表示したいSNSボタンを選ぶ

AddToAny

こんなにいっぱい!!!

 

海外のプラグインにはLINEが無いことが多いのでLINEがあるのが嬉しい!

LINEアイコン!

 

私が追加しているのは4つです!

ADD TO ANY

左から

  • LINEアイコン
  • FACEBOOKアイコン
  • Twitterアイコン
  • リンクURLをコピー
  • 自動追加の+ボタン|その他のサービスへの共有

 

自動追加の+ボタンはこんな機能

クリックすると、その他のサービスへの共有が表示されます。

 

ブックマークボタンの場所の設定

記事投稿の中にシェアボタンを設定できる!

ブックマークボタンの場所の設定

私は、デフォルトのまま!

 

でも・・・

Affinger5ではない方(テーマにSNSシェアボタンサービスが組み込まれていない方)は、
せっかく投稿記事の中にシェアボタンをつけることが出来るので、
投稿の下部にボタンを表示をチェックしましょう!

 

AFFINGER5は記事にSNSボタンを出力してくれるので私は「非選択」としています!

 

別テーマの方は一石二鳥ですね!!

 

 

自分の入れたい機能が追加できたら「standard」タブの設定は終了。

最後に忘れずに!

最下部の変更保存を忘れずにクリックして保存しましょう。

 

 

Standard設定が保存できたら・・・

AddToAny共有設定画面での設定|Floatingタブ

AddToAny設定

Floating=どこの場所に浮かせるか。

 

「縦」と「横」どちらの並び方にしたいか考える

  • 縦ボタン(=縦に並べて表示)
  • 横ボタン(=横に並べて表示)

 

私は「左下」に横並びにしたいかったので
横並びの設定方法の説明になります。

いろいろ試してみてお好きな設定にするのがオススメです!

 

縦ボタンの設定

 

ブックマークボタンの場所を「◉なし」にしているので他の設定はデフォルトのままです。

縦ボタンの設定箇所は以上です。

 

大事!横ボタンの設定

 

大まかな流れ
  1. ブックマークボタンの場所を選ぶ
  2. レスポンシブ化の設定を選ぶ
  3. 位置
  4. アイコンサイズの設定
  5. 必ず変更保存をクリックして保存

 

1.ブックマークボタンの場所を決める

私は左下にしています!

右下にはトップに戻るボタンがあるのでぶつかりを防ぐためです!

 

2.レスポンシブ化の設定を決める

私は何も設定せずそのまま!

パソコンも携帯も、26ピクセルですが問題ないです!

 

3.ブックマークボタンの細かな位置を決める

位置は0を選んでいます!

 

メモ

ここでピクセルを設定すると端っこから離れて空間が出来ます!
少しずつ設定しながら数字を変えてみましょう!

 

4.アイコンサイズの大きさを決める

Standardタブにも表記しましたが26pxとしています!

 

設定ができたら「floating」タブの設定も終了。

こちらも最後に忘れずに「変更を保存」をクリックしましょう!

 

保存を忘れるともう一度最初っからです。ご注意を!

 

 

きちんと設置出来ているか確認!

出来てました!

 

縦も横も「なし」を選ば無いと二重で出てしまう。

二重で出ている例

 

必ずどちらかを「なし」選択しましょう!

 

まとめ

とっても便利で可愛くなっちゃうプラグイン・AddToAny(シェアボタン)!

LINEも選べる!超おすすめSNSシェアプラグインです!

 

出来たかな?
またねー!

Copyright© うふふ.TOKYO , 2019 All Rights Reserved.