「SNSの設定」カスタマイズについての解説

ソーシャルメディア

Simplicityでは、テーマをインストールしたその瞬間からSNS拡散ボタンが設置されています。

そしてWordpress管理画面のテーマカスタマイズからTwitter、Facebook、Google+のIDを設定すれば各SNSページのフォローボタンも表示されます。

今回はそんな簡単にできる「SNSの設定」カスタマイズについて紹介したいと思います。

photo by Jason Howie

スポンサーリンク

テーマカスタマイズ「SNSの設定」をするには

SNSの設定を表示するには、Wordpress管理画面から「外観→カスタマイズ」をクリックします。

テーマのカスタマイズ

テーマカスタマイズ画面が表示されるので、「SNSの設定」をクリックしてください。

SNSの設定

「SNSの設定」項目についての解説

SNSの設定をクリックすると、以下のような設定項目が表示されます。

SNS設定の項目

追記:2014年8月のバージョンアップver20140803で各種SNSボタンの表示を切り替える機能を追加しました。

Simplicityをver20140803にバージョンアップ。SNS拡散ボタンの非表示設定など。

各設定項目について説明します。

シェアメッセージ

この入力欄には、SNS拡散ボタンの手前に表示するメッセージを入力します。

デフォルトでは以下のようになっています。

SNS拡散ボタン

未入力だとメッセージが表示されません。

拡散ボタンの表示・非表示(ver20140803追加機能)

各SNSボタンにチェックを入れると、それぞれのボタンが表示されなくなります。チェックを入れると非表示です。

Simplicityをver20140803にバージョンアップ。SNS拡散ボタンの非表示設定など。

フォローメッセージ

フォローページのボタンの手前に表示するメッセージ入力します。

デフォルトでは以下のようになっています。

SNSフォローボタン

未入力にするとメッセージが表示されません。

twitter.com/XXXXXXX

TwitterページURLのtwitter.com/XXXXXXX部分のIDを入力します。

僕の場合だと「MrYhira」です。

ここを入力することで、Twitterのフォローボタンが表示されます。

facebook.com/XXXXXXX

FacebookページURLのfacebook.com/XXXXXXX部分のIDを入力します。

僕の場合だと「nelog.jp」です。

ここを入力することで、Facebookページのフォローボタンが表示されます。

plus.google.com/XXXXXXX

Google+ページURLノアplus.google.com/XXXXXXX部分のIDを入力します。

僕の場合だと「+NelogJpgp」になります。+がある場合は+も入力してください。

ページIDが数字の場合は数字をそのまま「111043648376635087037」みたいな感じで入力してください。(番号日産自動車のGoogle+ページの番号)

ここを入力することで、Google+ページのフォローボタンが表示されます。

feedlyの表示

feedlyのフォローボタンを表示する場合は、ここにチェックを入れてください。

RSSの表示

RSSのフォローボタンを表示する場合は、ここにチェックを入れてください。

全て入力すると記事下にこのように表示されます。

SNSのフォローボタン

あと同じものがサイトヘッダー部分にも表示されます。

サイトヘッダーのSNSフォローボタン

FacebookOGP管理者ID(fb:admins)

Facebookの開発者登録をすることで得られる管理者IDです。

FacebookOGPアプリID(fb:app_id)

Facebookの開発者登録をすることで得られるアプリIDです。

管理者ID、アプリIDとも入力せずとも機能しますが、Facebookは開発者登録を一応推奨しています。

「管理者ID」と「アプリID」の取得の仕方は以下を参照してください。

Facebook : 開発者登録をしてApp IDを取得するまで | MUSHIKAGO APPS MEMO

【Facebook-OGP】「fb:admins」「fb:app_id」「SecretKey」の場所 | Qlay

ページトップフォローボタンの非表示(ver20140803追加機能)

チェックを付けることで、ページトップにあるフォローボタン群が非表示になります。

ページトップのフォローボタンの非表示[2]

元々はこんな感じですが、

ページTOPフォローボタンつき[2]

チェックを付けると、こんな感じで消えます。

ページTOPフォローボタンなし[2]

SNS設定まとめ

Simplicityではこのように、管理画面からある程度SMSの設定を行えます。

ただ、もっと自分好みのフォローボタンを設置したいなんて方は、テーマファイルの以下のファイルを編集すれば自由に設定が行えます。

  • sns-buttons.php→パソコン用の拡散ボタンテンプレート
  • sns-buttons-s.php→モバイル用の拡散ボタンテンプレート
  • sns-pages.php→フォローボタンテンプレート

このような感じで、自由なカスタマイズをお楽しみください。

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

フォローする

スポンサーリンク
アドセンス(大)

コメント

  1. 大和 より:

    先日より初めてブログというものを書き始めました。
    知識ほぼゼロでいきなりWordPressを使っています。
    Simplicity子テーマを使っています。

    テーマ→カスタマイズ→SNSの
    シェアボタンのタイプ(PC)のところで「バイラルタイプ(高速)」「バイラル白タイプ(高速)」以外を選択するとボタンが何も表示されなくなります。
    私は「デフォルト(サービス固有タイム)」を使用したいです。
    原因は何でしょうか?

  2. アバター画像 わいひら より:

    ちょっとそれに関しては、実際に不具合の出ている状態のページのURLを貼り付けてもらってソースを見てみないと、ちょっと原因はわからないかもしれません。(見てもわからない可能性もあります)
    以下の対策などは確認してみましたか?
    動作不良時のガイドライン

    ちなみに当サイトや開発環境では、そういった不具合は確認できていません

  3. みいどん より:

    はじめまして、sinplicityを利用している初心者です。
    タイトルや日付の下に表示されている、SNSを非表示したいです。

    ヘッダー右上やフッターにあるSNSは、このページを参考にし
    非表示にできました。

    検索が甘くどこかに書いていたらすみません。

    • アバター画像 わいひら より:

      Simplicityのバージョンは幾つでしょうか?
      テーマカスタマイザーの「SNS」設定項目から非表示にできませんでしたでしょうか?
      もし「SNS」設定項目で設定できなかった場合は、お手数ですが、フォーラムの方に詳細とともに書き込んでいただければ幸いです。

  4. みいどん より:

    バージョン:2.6.0です。
    やはり非表示にできず、フォーラムに書かせていただきました。
    更に、サイト内のSNS表示を全非表示にできず、混乱しています。

    よろしくお願いします。