【WordPress】コメントに星の5段階評価をつけるプラグイン(Comment Star Rating)作りました

Comment Star Rating

Comment Star Ratingの主な機能

  • コメントフォームに星の評価機能を追加
  • WordPress.orgのプラグインや、Amazonのように総合評価をグラフで出力
  • ページ、投稿、カスタム投稿の表示、非表示が切り替え可能

追加予定機能

  • リッチスニペット対応

コメントフォームに星の評価機能を追加

Comment Star Rating 入力フォーム

jQuery Ratyを使いました。オプションが豊富で0.5刻みの実装も可能でしたが、現在は1刻みにしています。

https://github.com/wbotelhos/raty
WordPress標準のアイコンフォントを使っているのでテーマとの相性もいいと思います。
星の色、大きさ、幅はcssで変更できます。

総合評価をグラフで出力

Comment Star Rating 総合評価

D3.jsを使い出力しました。

https://github.com/d3/d3
div要素で出力しているので古いブラウザにも対応しています。
グラフは以下のショートコードで表示するので好きな場所に置くことができます。
また、サイズや色はcssで上書きすることが可能です。

[comment_star_rating_total]

ページ、投稿、カスタム投稿の表示、非表示が切り替え可能

管理画面より、有効にしたい投稿ページを選択できます。
例えば、固定(page)ページでは無効に、投稿(post)詳細では有効にする場合

Comment Star Rating 設定画面

DEMO

投稿ページで有効にしたのでこのページの下にあるコメント入力フォームで確認することができます。

ダウンロード先

githubにて公開しました。

Comment-Star-Rating - Wordpress plugin to rate comments on 5 beautiful stars.

ついに公式登録完了しました!

Add beautiful star rating to comments

管理画面からインストールする場合は「Comment Star Rating」と検索してください。

Comment Star Rating

機能の追加・修正依頼はこのコメント、またはgithubへお願いします。

スポンサーリンク
RESAD
RESAD

シェアする

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

フォローする

スポンサーリンク
RESAD

コメント

4.2 rating based on 5 ratings

5つ星のうち4.2

  1. いぬ より:

    星3つ

    3.0 rating

  2. いぬ より:

    星5つ

    5.0 rating

  3. たなぶー より:

    これは欲しい

    5.0 rating

    • めたる より:

      コメントありがとうございます!
      現在公式に申請中のため、リリースまでもうしばらくお待ち下さい。

      3.0 rating

  4. テスト より:

    テスト

    5.0 rating

  5. Smithe381 より:

    I think this is a real great blog post.Much thanks again. ckbaddcfddffdbef

    3.0 rating