日本語化された設定画面を持つシェアボタン設置プラグイン:Social Share Icons & Social Share Buttons

2017年7月27日

日本語化された設定画面を持つ WordPress 用シェアボタン設置プラグインの紹介です。
「Social Share Icons & Social Share Buttons」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Social Share Icons & Social Share Buttons

Screenshot of wordpress.org

Social Share Icons & Social Share Buttons は、
ユーザーが記事を読み終えた時点でボタンをポップアップさせることができます。
設置に関する設定画面も日本語化されており、
設定自体も 8 ステップでシェアボタンやメール購読フォームなどを簡単に設置できます。

ポップアップ表示以外にも投稿前後やフローティングバーとして表示したり、
専用ウィジェットでサイドバーなどに表示することが可能です。

細かく設定できるボタンに対応しているサービスは、
RSS, Email, Facebook, Twitter, LinkedIn, Google+, Pinterest, Instagram, Youtube です。

記事を作成もしくは更新時点でのバージョン:v 2.6.8
マルチサイトでの利用:可

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Social Share Icons & Social Share Buttons – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Social Share Icons & Social Share Buttons」と入力します。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Social Share Icons & Social Share Buttons は、日本語化対応がされているので、有効化するだけで日本語化されます。
日本語化されない場合には、日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

有効化すると

プラグインを有効化すると、下記のようなメッセージが表示されます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

「Skip」ボタンをクリックします。

専用メニュー

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

ダッシュボードの「設定」メニューの下に追加されています。

使い方

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

使用中のテーマで wp_head() 関数が使われていないと表示されます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

メニューには、1 から 8 までの数が表示されていますが、
どこから設定し始めても大丈夫です。

ステップ1

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

表示するアイコンボタンを選択します。
RSS, Email, Facebook, Twitter, Google+ にはデフォルトでチェックが付いています。
Youtube, LinkedIn, Pinterest, Instagram は、それぞれのアカウントが必要です。

Share を選択すると AddThis サービスを利用したユニバーサルボタンを表示可能となり、
様々なソーシャルネットワークアイコンを表示可能になります。

Custom1 を選択するとカスタムアイコンと URL リンクを設定できます。

ステップ2

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

RSS 購読時の フィード URL と Email アイコンと
Facebook, Twitter, Google+ アイコンをクリックした際の動作を設定できます。
Email アイコンをクリックすると SpecificFeeds に無料アカウントが作成されます。

ステップ3

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

シェアボタンを設置する場所を選択します。

ステップ4

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

アイコンボタンのデザインとマウスオーバー時などのアニメーション設定ができます。

ステップ5

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

シェア数の表示有無の設定ができます。

ステップ6

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

アイコンの表示順、アイコンの幅と高さ、表示位置と表示数を設定します。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

アイコンラベルの日本語化ができます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

リンクをクリックした際のウィンドウの開き方やモバイル端末でのボタン表示に関する設定ができます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

アイコンにマウスオーバーした時に表示するテキストを入力します。

ステップ7

記事を読み終えた時点でポップアップ表示するボタンに関する設定ができます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

ボタンと一緒に表示するテキストを入力し、フォントに関する設定ができます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

アイコンボタンの表示枠に関する設定ができます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

ポップアップ表示するページを選択します。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

ポップアップ表示するタイミングを指定します。

ステップ8

メール購読フォームに関する設定ができます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

ショートコード

下記のショートコードを利用すると、任意のページにだけシェアボタンを表示できます。

[DISPLAY_ULTIMATE_PLUS]

専用ウィジェット

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

サイドバーなどにシェアボタンを表示したい場合に使います。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

表示させると上のような感じになります。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

サイドバーなどにメール購読フォームを表示したい場合に使います。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

表示させると上のような感じになります。

シェアボタンの表示例

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

記事の最後までスクロールすると上のようなポップアップが表示されます。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

フローティングバーでの表示させると上のような感じになります。

WordPressプラグイン「Social Share Icons & Social Share Buttons」のスクリーンショット

記事の前後で表示させると上のような感じになります。

代替プラグイン

Social Share Icons & Social Share Buttons にほしい機能が無かった場合には、
Social Share Icons & Social Share Buttons 以外にも SNS のシェアボタンを設置できるプラグインを記事にしています。
以下では、Social Share Icons & Social Share Buttons を含めて 11 個を簡単に紹介しています。

SNSのシェアボタンを設置できるWordPressプラグイン一覧

URL

Social Share Icons & Social Share Buttons – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています