ブログ記事を読んでもらった後に、SNSでシェアしてもらえる導線を作ることはとても大切です。
特にWordPressブログでは、記事上や記事下にシェアボタン・フォローボタンを設置することで、読者が簡単にSNSへ共有できるようになります。
今回はSNSボタンを簡単に設置できるプラグイン「AddToAny Share Buttons」の使い方と、中央寄せカスタマイズ方法を紹介します。
AddToAny Share Buttonsとは？
AddToAny Share Buttonsは、WordPressにSNSシェアボタンを簡単に設置できる無料プラグインです。
X、Facebook、LINE、はてなブックマーク、Pinterestなど、さまざまなSNSボタンに対応しています。
AddToAny Share Buttonsでできること
記事上にシェアボタンを表示
記事を読む前にSNS共有できるようになります。
記事下にシェアボタンを表示
記事を読み終わった読者がそのままシェアしやすくなります。
フォローボタンも設置できる
SNSアカウントへの導線を作ることもできます。
プラグインのインストール方法
WordPress管理画面を開く
管理画面から「プラグイン」→「新規追加」をクリックします。
AddToAny Share Buttonsを検索
検索窓に「AddToAny Share Buttons」と入力します。
インストールして有効化
表示されたプラグインをインストールし、有効化します。
基本設定のやり方
設定画面を開く
「設定」→「AddToAny」から設定画面を開きます。
表示するSNSを選ぶ
X、Facebook、LINEなど、表示したいSNSボタンを選択します。
表示位置を選ぶ
記事上、記事下、または両方に表示する設定ができます。
記事上・記事下に表示する方法
記事上に表示
投稿本文の上にシェアボタンを表示できます。
記事下に表示
投稿本文の下にシェアボタンを表示できます。
おすすめは記事下
読者が記事を読み終えたタイミングでシェアしやすいため、記事下表示は特におすすめです。
中央寄せカスタマイズ方法
シェアボタンが左寄せになっている場合は、CSSを追加することで中央寄せできます。
追加CSSを開く
WordPress管理画面から「外観」→「カスタマイズ」→「追加CSS」を開きます。
以下のCSSを追加
.addtoany_content {
text-align: center;
}
.addtoany_list {
display: inline-block;
}
このCSSを追加すると、AddToAnyのシェアボタンを中央寄せできます。
ボタン同士の間隔を調整するCSS
ボタンが詰まって見える場合は、余白を追加すると見やすくなります。
.addtoany_list a {
margin: 0 6px;
}
スマホ表示でも押しやすくなるため、少し余白を入れておくのがおすすめです。
記事下だけ中央寄せしたい場合
記事下のシェアボタンだけ調整したい場合は、表示場所に合わせてCSSを調整します。
.addtoany_share_save_container {
text-align: center;
}
フォローボタンを設置するメリット
SNSフォロワーを増やせる
ブログ読者をSNSへ誘導できます。
リピーター獲得につながる
SNSで更新情報を届けやすくなります。
ブログとSNSを連携できる
記事公開後の拡散にも役立ちます。
おすすめの表示位置
記事上
すぐにシェアしたい読者向けです。
記事下
記事を読んだ後にシェアしてもらいやすい位置です。
サイドバー
PC表示ではフォローボタンの設置場所としておすすめです。
スマホ表示で注意するポイント
ボタンを大きくしすぎない
画面幅を圧迫しないようにしましょう。
表示数を増やしすぎない
SNSボタンが多すぎると見た目がごちゃつきます。
LINEボタンは入れておく
スマホ読者が多いブログではLINE共有ボタンが便利です。
おすすめのSNSボタン
X
記事拡散に使いやすいSNSです。
実名系の共有に向いています。
LINE
スマホユーザー向けにおすすめです。
はてなブックマーク
ブログ記事との相性が良いです。
表示が崩れた時の対処法
キャッシュを削除する
CSSを追加しても反映されない場合は、キャッシュを削除しましょう。
テーマ側のCSSを確認する
テーマの装飾と競合している場合があります。
プラグインを更新する
古いバージョンのままだと表示不具合が起きることがあります。
FAQ
AddToAny Share Buttonsは無料で使える？
基本的な機能は無料で使えます。
記事上と記事下の両方に表示できる？
設定から両方に表示できます。
中央寄せはCSSでできる？
追加CSSを使えば中央寄せできます。
スマホでも使える？
レスポンシブ対応なのでスマホでも表示できます。
まとめ
AddToAny Share Buttonsは、WordPressにSNSシェアボタンを簡単に設置できる便利なプラグインです。
記事上や記事下にボタンを表示することで、読者が記事を共有しやすくなります。
中央寄せカスタマイズを行えば見た目も整いやすく、スマホでも使いやすいSNS導線を作れます。