Simple Share Buttons Adder:投稿やページにSNSのシェアボタンを簡単に設置できる
2017年7月16日
SNS のシェアボタンを簡単に設置できる WordPress 用プラグインの紹介です。
それは「Simple Share Buttons Adder」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
Simple Share Buttons Adder
Simple Share Buttons Adder は、投稿・ページ・カテゴリー・アーカイブ等に SNS のシェアボタンを簡単に設置できます。
各 SNS でのシェア数を取得し、表示することもできます。
※Twitter でのシェア数を表示したい場合には、API KEY を取得する必要があります。
シェアボタンを表示できる専用ウィジェットも用意されています。
サポートしている SNS の中で日本国内で使われているものは、以下のものがあります。
- Google+
- Tumblr
SNS のシェアボタン以外にも
- メーラー起動ボタン
- 印刷ボタン
- 1 クリックで Facebook に Web ページを保存できる「Save to Facebook」
などがあります。
記事を作成もしくは更新時点でのバージョン:v 6.3.6
マルチサイトでの利用:可
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Simple Share Buttons Adder – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Simple Share Buttons Adder」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Simple Share Buttons Adder を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
ダッシュボードの「設定」メニューの中に追加されています。
使い方
設定画面を開いて、表示したい SNS を選択するなどの必要な設定をしていくだけです。
実際に表示させると上のような感じになります。
設定を変更した際には、画面右上付近にある保存ボタンをクリックしましょう。
設定
Core
- Locations
シェアボタンを表示させたい場所を指定します。 - Placement
表示位置を指定します。記事の前・記事の後ろ・両方を選択できます。 - Share Text
シェアボタンの前に表示する文言を入力します。 - Networks
ボタンを表示したい SNS のアイコンを下のエリアにドラッグアンドドロップします。
Styling
- Image set
アイコンセットを選択します。 - Button Size
ボタンのサイズを指定します。 - Alignment
ボタンの位置揃えを指定します。 - Padding
パディングを指定します。
シェアボタンの前に表示する文言のフォント設定ができます。
- Font Colour
フォントの色を指定します。 - Font Family
フォントファミリーを指定します。 - Font Size
フォントサイズを指定します。 - Font Weight
フォントの太さを指定します。 - Text placement
表示位置を指定します。
アイコンを囲む枠に関する設定ができます。
- Container Padding
パディングを指定します。 - Container Background Colour
背景色を指定します。 - Container Border Colour
枠線の色を指定します。 - Container Border Width
枠線の太さを指定します。 - Rounded Container Corners
枠の各コーナーに丸みをつけるかどうか。
Counters
シェア数表示に関する設定ができます。
- Share Count
シェア数を表示するかどうか。 - Show Once
カテゴリやアーカイブの共有数表示を無効にして読み込み速度を速くするかどうか。 - Counters Style
シェア数カウンターの表示スタイルを指定します。 - newsharecount.com Counts for Twitter
newsharecount.com を利用して Twitter でのシェア数を表示するかどうか。
Advanced
- Share Text Link
simplesharebuttons.com へのリンクを表示するかどうか。 - Content Priority
コンテンツ内のシェアボタンの優先度を設定します。 - Open links in a new window
リンクを開く際に新しいウィンドウで開くか、それとも同じウィンドウ内で開くかどうか。 - Add rel="nofollow"
全てのシェアリンクに nofollow 属性を追加するかどうか。 - Widget Share Text
カスタムシェアテキストをウィジェットとして使用するかどうか。 - Email Text
メールに含めたいテキストを入力します。 - Facebook App ID
Facebook App ID を入力します。
- Facebook Insights
Facebook Insights を有効にするかどうか。
Facebook App ID が未入力だと使用できません。 - Twitter Text
Twitter 経由でシェアする時のカスタムテキストを入力します。 - Flattr User ID
説明は省略します。 - Flattr URL
説明は省略します。 - Custom Buffer Text
説明は省略します。 - Pin Featured Images
投稿/ページにおすすめ画像を強制的に使用するかどうか。 - Default Pinterest Image
デフォルトの Pinterest 画像をアップロードできます。
CSS
Additional
シェアボタンに CSS を追加したい場合に使用します。
Custom
カスタム CSS を適用したい場合に使用します。
専用ウィジェット
サイドバーなどにシェアボタンを表示したい場合に使います。
「URL」が未入力のままだと表示されているページのURLを、
入力すると入力された URL がシェアボタンをクリックした時にシェアされます。
ウィジェットを表示させると上のような感じになります。
代替プラグイン
Simple Share Buttons Adder にほしい機能が無かった場合には、
Simple Share Buttons Adder 以外にも SNS のシェアボタンを設置できるプラグインを記事にしています。
以下では、Simple Share Buttons Adder を含めて 11 個を簡単に紹介しています。
SNSのシェアボタンを設置できるWordPressプラグイン一覧
URL
Simple Share Buttons Adder – WordPress.org
関連記事
日本語化された設定画面を持つシェアボタン設置プラグイン:Social Share Icons & Social Share Buttons
日本語化された設定画面を持つ WordPress 用シェアボタン設置プラグインの ...
Share Buttons by AddThis:SNSのシェアボタンを簡単に設置できる
ソーシャルメディアのシェアボタンを簡単に設置できる WordPress 用プラグ ...
AddToAny Share Buttons:シェアボタンを簡単に設置できる
ソーシャルメディアのシェアボタンを簡単に設置できる WordPress 用プラグ ...
Social Media Share Buttons and Social Iconsの使い方と設定
記事を読み終えた時点でシェアボタンをポップアップ表示できる WordPress ...
Seed Social:Facebook/Twitter/LINEへのシェアボタンを簡単に設置できる
世界中には様々な SNS が存在します。 なので、WordPress のプラグイ ...