SNSシェアボタンは、ブログ記事をより多くの人に広めるための大切な仕組みです。
この記事では、無料プラグイン「AddToAny Share Buttons」 を使って、
WordPressの記事に美しく・軽く・簡単にSNSボタンを設置する手順を解説します。
AddToAny Share Buttonsとは？
ブログ記事を“ワンクリックでシェア”できる便利ツール
「AddToAny Share Buttons」は、
WordPress公式ディレクトリで配布されている人気のSNS共有プラグインです。
X（旧Twitter）、LINE、Facebook、Pocketなど50種類以上のSNSに対応しており、
ボタンデザインや配置を自由にカスタマイズできます。
無料で使えるのに機能が豊富
- 無料版でも主要SNSをすべてカバー
- PC・スマホ両対応（フローティングボタンあり）
- クリック数・シェア数のカウントも可能
- 有料契約や登録不要、すぐ導入できる
導入準備｜プラグインのインストール
1. 管理画面からプラグインを検索
- WordPressの管理画面にログイン
- 左メニューから「プラグイン → 新規追加」へ
- 検索欄に「AddToAny Share Buttons」と入力
検索結果に下記のアイコンが表示されます：
🟦 AddToAny Share Buttons（開発者：AddToAny）
2. インストールと有効化
「今すぐインストール」→「有効化」をクリック。
これで初期導入は完了です。
基本設定｜どのSNSを表示するか選ぶ
1. 設定画面を開く
左メニューの「設定 → AddToAny」をクリックします。
以下のような設定画面が表示されます。
（画像）🖼 AddToAny 設定画面例
2. 表示したいSNSを選択
おすすめ設定（耳スタ・tecn共通）：
- X（旧Twitter）
- LINE
- Copy Link（URLコピー）
「Add or Remove Services」をクリックすれば他のSNSも追加可能です。
配置設定｜ボタンをどこに出すか決める
1. Placement設定
以下のように設定するのが一般的です：
| 設定項目 | 推奨設定 |
|---|---|
| Display at | 投稿・固定ページ両方にチェック |
| Before content | ✅ ON（記事上） |
| After content | ✅ ON（記事下） |
記事を読み終えた読者がそのままシェアできるように、記事下を優先表示にします。
フローティングボタンを有効にする（スマホ最適化）
1. Floating share buttonsをON
設定画面下部にある「Floating share buttons」項目で以下を設定します：
- ✅ Show floating share buttons（表示ON）
- Placement：Left side（左側固定）
これで、スマホでは自動的に画面下端に固定ボタンが表示され、
どの位置からでもシェアできるようになります。
デザイン調整｜ボタンの見た目を整える
おすすめデザイン設定
| 項目 | 設定値 | 説明 |
|---|---|---|
| Icon Size | 48px | スマホで見やすい大きさ |
| Shape | Rounded（丸型） | 柔らかい印象 |
| Use official colors | ON | 各SNSのブランドカラーを使用 |
プレビュー確認
設定後、「Save Changes」をクリックし保存。
記事ページを開いて、上部・下部・サイドのボタンを確認します。
さらに便利に！おすすめ追加設定
OG画像を最適化（SNSプレビュー改善）
プラグイン「SEO SIMPLE PACK」などでog:title og:image og:description を設定しておくと、
SNS投稿時に綺麗なプレビュー画像が表示されます。
シェア数を表示する
設定画面の「Show share counts」をONにすると、
人気記事の可視化にも使えます（SNS側API制限により一部非表示になる場合あり）。
記事本文内に引用ツイートを設置
別プラグイン「Better Click to Tweet」を併用すれば、
本文内に「この一文をツイート」ボタンを追加できます。
→ 読者が気になった部分をそのままXで拡散できるようになります。
まとめ｜無料でSNS導線を整えるならAddToAny一択！
- 完全無料・コード不要で主要SNSに対応
- SWELLテーマやSEO SIMPLE PACKとも相性抜群
- スマホ表示にも最適化された軽量設計
💡耳スタ／tecnのような“資産型ブログ”では、
「記事 → SNS → 再訪」の循環流入を作ることが最も重要です。
AddToAnyはその第一歩として最も導入しやすいプラグインです。
参考リンク
- 公式サイト：https://www.addtoany.com
- WordPress公式ページ：https://wordpress.org/plugins/add-to-any/
コメント