Simplicityでは、テーマをインストールしたその瞬間からSNS拡散ボタンが設置されています。
そしてWordpress管理画面のテーマカスタマイズからTwitter、Facebook、Google＋のIDを設定すれば各SNSページのフォローボタンも表示されます。
今回はそんな簡単にできる「SNSの設定」カスタマイズについて紹介したいと思います。
photo by Jason Howie
テーマカスタマイズ「SNSの設定」をするには
SNSの設定を表示するには、Wordpress管理画面から「外観→カスタマイズ」をクリックします。
テーマカスタマイズ画面が表示されるので、「SNSの設定」をクリックしてください。
「SNSの設定」項目についての解説
SNSの設定をクリックすると、以下のような設定項目が表示されます。
追記：2014年8月のバージョンアップver20140803で各種SNSボタンの表示を切り替える機能を追加しました。
各設定項目について説明します。
シェアメッセージ
この入力欄には、SNS拡散ボタンの手前に表示するメッセージを入力します。
デフォルトでは以下のようになっています。
未入力だとメッセージが表示されません。
拡散ボタンの表示・非表示（ver20140803追加機能）
各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のフォローボタンを表示する場合は、ここにチェックを入れてください。
全て入力すると記事下にこのように表示されます。
あと同じものがサイトヘッダー部分にも表示されます。
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追加機能）
チェックを付けることで、ページトップにあるフォローボタン群が非表示になります。
元々はこんな感じですが、
チェックを付けると、こんな感じで消えます。
SNS設定まとめ
Simplicityではこのように、管理画面からある程度SMSの設定を行えます。
ただ、もっと自分好みのフォローボタンを設置したいなんて方は、テーマファイルの以下のファイルを編集すれば自由に設定が行えます。
- sns-buttons.php→パソコン用の拡散ボタンテンプレート
- sns-buttons-s.php→モバイル用の拡散ボタンテンプレート
- sns-pages.php→フォローボタンテンプレート
このような感じで、自由なカスタマイズをお楽しみください。