Social Media Share Buttons:FacebookとTwitterのシェアボタンを設置できる
2017年7月26日
Facebook と Twitter のシェアボタンを設置できる WordPress 用プラグインがあります。
それは「Social Media Share Buttons」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
Social Media Share Buttons
Social Media Share Buttons は、FacebookとTwitterのシェアボタンを設置できます。
シェア数を取得し表示することもできます。
もっともシェアされている投稿を専用ウィジェットで表示することもできます。
無料のアドオンも用意されていて、別途インストールすると機能追加が可能です。
- ソーシャルシェアボタンの追加
- YouTube 動画共有ポップアップ
- 固定共有バー
- ソーシャルシェアリングの最適化
- グーグルアナリティクス
などがあります。その他にもあります。
記事を作成もしくは更新時点でのバージョン:v 3.4.2
マルチサイトでの利用:可
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Social Media Share Buttons – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Social Media Share Buttons」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Social Media Share Buttons を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
有効化すると
プラグインを有効化すると、下記のようなメッセージが表示されます。
「Do not allow」ボタンをクリックします。
専用メニュー
ダッシュボードの「設定」メニューの下に追加されています。
設定画面
GENERAL
- Caching Method
キャッシュ方法を選択します。。 - Facebook Count
Facebook のシェア数の表示を「シェア数」だけにするか「シェア数+コメント数」にするかを選択します。 - Cumulate Http(s) Shares
http から https に移行した際に http でのカウントも累積カウントするかどうか。 - Fake Share Count
ここで入力された数値は、10 で割った記事のタイトルの単語の数に乗算されます。 - Disable Sharecount
シェア数カウントを無効にするかどうか。 - Hide Sharecount
ここで入力された数値を超えない場合には、シェア数を非表示にできます。 - Execution Order
このプラグインの実行順序を指定できます。 - JavaScript in Footer
フッター内で全ての Javascript コードを実行するようにするかどうか。 - JS & CSS Everywhere
ショートコード[mashshare]を利用するなら有効にし、自動設置だけなら無効にします。 - Twitter Popup disabled
Twitter のポップアップが 2 回発生する場合に有効にします。 - Remove Data on Uninstall
プラグインをアンインストールする際に全てのデータを完全に削除するかどうか。 - Allow Usage Tracking
プラグインの使用状況のトラッキングを許可するかどうか。 - Hide Buttons in Widgets
ウィジェットでシェアボタンを表示する際に有効にします。 - Show Share Options Meta Box
メタボックスを表示するユーザー権限を指定します。
NETWORKS
- Facebook User Access Token
Facebook の Access Token を入力します。 - Facebook page url
Facebook アカウントの URL を入力します。 - Twitter Username
Twitter の ユーザーネームを入力します。 - Twitter Card
Twitter カードを有効にするかどうか。 - Open Graph Meta Tags
Open Graph Meta タグを有効にするかどうか。 - Large Buttons
「+」ボタンの前に表示するボタン数を指定します。 - Social Networks
表示するボタンと表示順を設定します。
VISUAL
Shares
- Round up Shares
1,000 を超えると 1K として表示し、10,000 を超えると 1M として表示するかどうか。 - Animate Shares
カウントアップするアニメーション効果を付与するかどうか。 - Share Count Label
シェア数カウントの表示ラベルを入力します。 - Share Count Color
文字カラーを 16 進数で指定します。
Buttons
- Buttons Size
ボタンのサイズを 3 段階から選択します。 - Full Responsive Buttons
フルレスポンシブボタンを表示するかどうか。OFF にするとボタンの幅を指定できます。 - Button Margin
ボタンとボタンの間にマージンを設定するかどうか。 - Border Radius
各ボタンの角に丸みを付けられます。 - Share Button Style
ボタンのスタイルを設定します。 - Small Share Buttons
小さなボタンを表示するかどうか。 - Text Align Center
テキストの中央揃えをするかどうか。
- Subscribe Button
購読ボタンの扱いを設定します。 - Subscribe URL
購読ボタンに URL を登録できます。購読ページ、Facebook のファンページ、RSSフィードなどを指定可。 - Additional Content
フォームまたはその他のコンテンツを追加したい時に使用します。 - Custom Styles
カスタム CSS を入力します。
POSITION
- Position
シェアボタンの表示位置を設定します。 - Post Types
シェアボタンを表示する投稿タイプを指定します。 - Exclude from post id
シェアボタンを除外(非表示に)したい投稿を ID で指定します。 - Categories
カテゴリーでのシェアボタンの表示を有効にするかどうか。 - Frontpage
フロントページ上でのシェアボタンの表示を有効にするかどうか。
SHORT URLS
- Bitly access token
bitly.com を使用して短縮 URL を表示したい場合には Bitly アクセストークンを入力します。 - Google API Key (goo.gl)
goo.gl 短縮を使用したい場合は、Google API キーを入力します。 - Shorturl method
短縮 URL の方法を選択します。 - Important: Read this!
投稿の短縮 URL の生成は、すぐには生成されません。古い記事は 4 から 12 時間、新しい記事等は 1 時間掛かります。
DEBUG
- Disable Cache
キャッシュを無効にするかどうか。 - Attention: Purge DB Cache
データベースのキャッシュを削除します。 - Debug mode
デバッグモードを有効にするかどうか。
ショートコード
下記のショートコードを利用すると、任意のページにだけシェアボタンを表示できます。
[mashshare]
専用ウィジェット
- Widget Title
ウィジェットのタイトルを入力します。 - How many posts to display?
表示する投稿数を指定します。 - How many characters for the excerpt? Use 0 for not showing!
表示する抜粋の長さを入力します。0 を入力すると非表示となります。 - How many characters for the title?
表示するタイトルの長さを入力します。 - Width of the image in px? Use 0 for not showing a thumbnail
表示するサムネイル画像の幅を px 単位で入力します。 - Show Shares? Say “No" when using fake shares!
シェアボタンを表示するかどうか。 - Share Count Label
シェアカウントと一緒に表示するラベルを表示します。 - Time period and age of posts
表示する投稿を期間で絞り込みができます。。
シェアボタンの表示例
代替プラグイン
Social Media Share Buttons にほしい機能が無かった場合には、
Social Media Share Buttons 以外にも SNS のシェアボタンを設置できるプラグインを記事にしています。
以下では、Social Media Share Buttons を含めて 11 個を簡単に紹介しています。
SNSのシェアボタンを設置できるWordPressプラグイン一覧
URL
Social Media Share Buttons – WordPress.org
関連記事
AddToAny Share Buttons:シェアボタンを簡単に設置できる
ソーシャルメディアのシェアボタンを簡単に設置できる WordPress 用プラグ ...
Seed Social:Facebook/Twitter/LINEへのシェアボタンを簡単に設置できる
世界中には様々な SNS が存在します。 なので、WordPress のプラグイ ...
日本語化された設定画面を持つシェアボタン設置プラグイン:Social Share Icons & Social Share Buttons
日本語化された設定画面を持つ WordPress 用シェアボタン設置プラグインの ...
Social Media Share Buttons and Social Iconsの使い方と設定
記事を読み終えた時点でシェアボタンをポップアップ表示できる WordPress ...
フローティングバーでシェアボタンの設置ができる:Custom Share Buttons with Floating Sidebar
フローティングバーでシェアボタンの設置ができる WordPress 用プラグイン ...