WordPressテーマ【Alpha】SNSボタンにカウント数を表示する方法

カウント数の表示 SNSボタン

こちらでは、Wordpressテーマ【Alpha】にて、SNSボタンにカウント数を表示する方法を紹介しています。
>>【ALPHA】を見てみる!
たとえ、Wordpressテーマが【Alpha】ではない方も参考になると思います。

【Alpha】のオプションからSNSボタンを表示にしておく

SNSボタン

ただし、このままではカウント数は表示されていません。
なので、以下の操作が必要になります。

まずは、WordPressプラグイン『SNS Count Cache』を導入しておきます。

『SNS Count Cache』をインストールして、有効化にするとキャッシュが始まります。

httpの頃のSNSもカウントしたい人は、、、

サイトを途中でhttp→httpsに変更した経緯のある人は、httpの頃に取得したカウント数も表示させたいですよね。
その場合は、『SNS Count Cache』の設定内にあるスキームモードを有効にしておきましょう。
『SNS Count Cache』スキームモード

数日後、、、キャッシュ状況が確認できるようになります。

『SNS Count Cache』キャッシュ状況

シェア数も確認できるようになります

『SNS Count Cache』シェア数
※フェイスブックとGoogle+に関しては、現在の『SNS Count Cache』では、キャッシュできない状況のようです。

social-button.phpファイルをダウンロードする

ポイント
Wordpressファイル/wp-content/themes/wp-alpha/partials/の中にあります。
※ダウンロードしたら、編集前のphpファイルのバックアップをとっておきましょう。
ファイルのダウンロード

phpファイルの編集を行う

phpタグの編集方法

ツイートの後ろにタグを入れる

HTML
<?php if(function_exists('scc_get_share_twitter')) echo scc_get_share_twitter(); ?>

はてブの後ろにタグを入れる

HTML
<?php if(function_exists('scc_get_share_hatebu')) echo scc_get_share_hatebu(); ?>

Pocketの後ろにタグを入れる

HTML
<?php if(function_exists('scc_get_share_pocket')) echo scc_get_share_pocket(); ?>
※文字の後ろに1スペースを入れておくほうが見やすいです。
※カウントがない場合は0と表示されてしまいます。(0と表示しない方法をご存知の方は教えてください(*^─^*)ニコッ)

PHPファイルの編集後は、同じ場所にアップロード

phpファイルのアップロード

これで、表示されるようになります。

カウント数の表示 SNSボタン