• RSS

[WP]jQueryでツイート数、いいね数などを取得して、WordPressの記事別に設置する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly


この記事は 人力検索はてな 様の記事を参考にさせていただきました。

jQuery で Twitter のツイート数や、Facbeook のいいね数を表示する方法が人力検索はてなに掲載されていたので、これに「はてブ」も加えて、WordPressの記事毎にjQueryでSNSのカウント数(いいね数やツイート数など)を表示する方法をまとめてみました。

2013年6月11日 に実施される Twitter API の仕様変更までの間は、ツイート数は表示されると思います。変更後は様子を見てから考えます。

Javascript のコード追加

jquery ファイルと一緒に、以下のコードを <head> 内に追加します。



WordPress のループの中の処理

テンプレートファイルの index.php や archive.php 内に以下のコードを挿入します。

カウント数を表示させる場所はデザインによると思いますが、以下のサンプルでは10 〜20 行目がカウント数表示のコードになります。



SNSボタンのデザインは自由に

ブログやサイトに合わせてCSS でデザインを補正をします。

各SNSのアイコン画像を使う場合は、以下のように class="facebook" class="twitter" class="hatena" の後ろは空値にして、カウント数を表示できるスペースを確保します。

ものすごい簡単なサンプルを以下のページに用意しています。
ツイート数やいいね数 の表示デモ



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください