Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressのコメントに簡単なユーザーランキングシステムを追加する方法

ユーザーのエンゲージメントを向上させることは、オンラインコミュニティを構築する鍵です。これを達成する効果的な方法の一つは、WordPressサイトにコメントするユーザーランキングシステムを追加することです。

ランキングシステムは、コメントをゲーム化し、ユーザーがサイトに感想や質問を残すモチベーションを高めることができます。

WordPressコミュニティ管理における長年の経験から、ランキングシステムがサイト訪問者の交流を促進し、コミュニティ意識を醸成することを身をもって体験してきました。

この投稿では、WordPressのコメントに簡単なユーザーランキングシステムを追加する方法を紹介します。

Add a Simple User Ranking System for WordPress Comments

なぜWordPressのコメントにランキングシステムを追加するのか?

コメントはWordPressサイトのユーザーエンゲージメントを向上させるのに役立ちます。このコメントにランキングシステムを追加することで、ユーザーがあなたのブログに有益でよく書かれた論点を残すよう動機付けることができます。

例えば、気に入ったコメントをコメント欄のトップに表示したり、好みのコメントにバッジを付けることができます。

同様に、ユーザーのためにupvote/downvoteシステムを追加することで、コメントの人気をコントロールしたり、スパムコメントをディスカッションの下に埋めることができます。これにより、WordPressブログにコミュニティ意識を持たせることができ、またコメントする際のモデレートにも役立ちます。

それでは、WordPressのコメントにランキングシステムを簡単に追加する方法を見ていきましょう。このチュートリアルでは、2つの方法を見ていきますので、以下のリンクからお好きな方法にジャンプしてください:

方法1:WordPressのコメントにユーザーランキングシステムを追加する

コメントに簡単なユーザーランキングシステムを追加したい場合、Thrive Commentsを使えば簡単にできます。

このプラグインは、コメントのフィーチャリング、サムアップ・サムダウン、バッジの付与など、インタラクティブなコメントセクションの作成を支援する、市場で最高のWordPressコメントプラグインです。

詳細については、私たちの完全なスライブテーマのレビューを参照してください。

まず、Thrive Themesの サイトにアクセスし、アカウントにサインアップする必要があります。登録が完了したら、ダッシュボードにアクセスしてください。

ここから、「Thrive Product Managerプラグインをダウンロードしてインストールする」リンクをクリックします。

Install Thrive Product Manager

次に、WordPressダッシュボードを開き、Thrive Product Managerをインストールして有効化します。詳細な手順については、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

有効化した後、WordPressの管理サイドバーからProduct Managerタブにアクセスし、「Log into my account」ボタンをクリックしてください。

Log into Thrive Themes account

ログイン情報を入力すると、プロダクトマネージャーのダッシュボードが表示されます。

ここから、Thrive Commentsを選択し、「選択した製品をインストール」ボタンをクリックします。

Install Thrive Comments

次に、WordPressダッシュボードのComments ” Thrive Comments Moderationページにアクセスすると、ブログ上のすべてのコメントのリストが表示されます。

ここから、コメントを承認、非承認、編集、またはスパムとしてフラグを立てることができます。また、「その他」ドロップダウンメニューを開き、そのオプションを選択することで、コメントすることができます。

Feature, edit, delete, or approve a comment from the Thrive moderation dashboard

そうすると、注目のコメントはすべてディスカッションの一番上に表示されます。これらのコメントには、その重要性を示すバッジが左上に表示されます。

より詳細な手順については、WordPressでコメントを表示または非表示にする方法のチュートリアルをご覧ください。

Featured comments preview

その後、WordPress管理エリアからThriveダッシュボード ” Thriveコメントページにアクセスし、「投票とバッジ」セクションまでスクロールダウンします。

ここから、コメントに「いいね!」/「嫌い」の機能を追加して、エンゲージメントを高めることができます。上下」オプションを選択すると、コメントする際にサムアップ/サムダウンアイコンを追加することができます。

また、ユーザーがあなたのサイト上のコメントに嫌悪感を示さないようにしたい場合は、’Up only’オプションを設定することもできます。

その後、ログイン中のユーザーだけにこの機能を提供したい場合は、「Users must be registered and logged in to vote」スイッチを「On」に切り替えてください。

Choose Up and down option to allow users to like or dislike comments in WordPress

詳細な手順については、WordPressでユーザーがコメントに「いいね!」/「dislike」できるようにする方法のチュートリアルをご覧ください。

次に、下にスクロールして、’バッジの受賞’スイッチを’オン’に切り替えます。そうしたら、’Add New Badge’ボタンをクリックしてください。

Toggle the award badges option to On

画面上にプロンプトが表示されますので、バッジの名前を追加してください。その後、ドロップダウンメニューからバッジを授与するタイミングを選択することができます。

例えば、あなたのサイトで5つ以上の注目コメントをしたユーザーにバッジを与えたい場合、ドロップダウンメニューから「注目」オプションを選択することができます。

次に、「リーチ」オプションの隣に「5」を追加する。

Configure award rules for badges

その後、バッジ画像を選択するか、コンピューターからアップロードすることができます。

完了したら、「バッジを保存」ボタンをクリックして変更を保存します。

Choose an image for your badge and click Save Changes

その後、「新規バッジを追加」ボタンを再度クリックして、コメントするためのバッジ授与システムを作成することができます。

設定は自動的に保存されます。

Click Add New badge button to add more badges

WordPressサイトにアクセスするだけで、バッジが表示されます。

この例では、左上にアイコンがあるので、一番上のコメントが注目されていることがわかります。また、ユーザー名の横にバッジが表示されていることもわかります。

Comment ranking system preview

方法2:WordPressフォーラムにユーザーランキングシステムを追加する

サイトのディスカッション・フォーラムにランキング・システムを作りたいなら、この方法が適している。

まず、bbPressプラグインをインストールして有効化する必要があります。詳しい手順については、WordPressプラグインのインストール方法についての初心者ガイドをご覧ください。

有効化したら、WordPressの管理サイドバーからフォーラム ” 新規追加ページにアクセスします。ここで、作成するフォーラムの名前、説明、表示、状態、モデレーターを追加できます。

完了したら、’公開する’ボタンをクリックして変更を保存することを忘れないでください。詳しい手順については、WordPressにbbPressでフォーラムを追加する方法のチュートリアルをご覧ください。

Create a forum

その後、bbpユーザーランキングプラグインを インストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。

このツールは、各フォーラムメンバーの総合ランキング、開始したトピック数、返信数を表示します。

有効化したら、WordPressダッシュボードから設定 ” bbpユーザーランキングページにアクセスし、「ランキング計算」エリアまでスクロールダウンしてください。

ここでは、プラグインがランキングを計算するために、ユーザーが作成したトピックと返信の数を使用していることがわかります。これらのオプションをチェックするだけで、ランキング要素として追加することができます。

初期設定では、コメントするランキングレベルは2つです。しかし、もう1つランキングレベルを追加したい場合は、「レベル数」フィールドに希望するレベル数を入力し、「変更を保存」ボタンをクリックしてページを更新するだけです。

Configure ranking level calculations

それが済んだら、次はレベル別の設定だ。

これを行うには、「レベル1」エリアまでスクロールダウンし、「ランク名」フィールドに名前を入力します。これがユーザーのプロフィールに表示される名前になります。

その後、このレベルを卒業し、次のレベルに移行するために必要な投稿数を、「Up to number」オプションの下に追加する必要があります。

Add rank name and upto number

例えば、「新規メンバー」レベルを「最大数」の値5で作成することができます。これは、1~5のコメントを投稿した人が新規メンバーになることを意味します。

また、すべてのレベル1ユーザーの名前の横に表示される画像のURLを追加することもできます。画像のURLはメディアライブラリから取得できます。

Adding a user badge to the simple rating system

その後、さまざまなオプションを使用して、画像サイズ、フォントカラー、フォントサイズを設定することもできます。

このプロセスを繰り返して、サイト上の他のレベルを設定することができます。設定が完了したら、「変更を保存」ボタンをクリックして変更を保存することを忘れないでください。

その後、上部から「バッジ」タブに切り替えます。ここで、ユーザーが獲得した複数のバッジを行またはカラムで表示するかどうかを選択できます。

Select how to display badges

次に、下にスクロールして、「バッジの数」オプションの隣に、あなたのフォーラムに作成したいバッジの数を追加します。その後、「変更を保存」ボタンをクリックしてページを更新します。

次に、バッジ名を追加し、バッジ画像のURLを貼り付け、フォントの色を選択します。

また、お好みに合わせて画像サイズを設定することもできます。バッジと一緒に画像を表示したくない場合は、上部にある’Click to display name’オプションを選択してください。

ただし、バッジの名前と画像の両方を表示するには、’Click to display name on top of image’ オプションを設定する必要があります。

Configure badge settings

このプロセスを繰り返して、お好きなだけバッジを作成することができます。完了したら、’変更を保存’ボタンをクリックし、設定を保存することを忘れないでください。

次に、上から「表示」タブに切り替えます。ここでは、ユーザーランキングの表示方法を設定することができます。

トピック数、返信数、レベル記号、ランク名を表示するかどうかを選択できるようになりました。表示したい情報にチェックを入れてください。

その後、オプションのラベルを追加することで、さまざまな数字の意味を理解してもらうことができる。

Adding the reply count to the user profile

次に、ユーザー名の横にレベル画像とバッジを表示するボックスをチェックすることもできます。

その後、忘れずに「変更を保存」ボタンをクリックして変更を保存してください。

Choose to display images and badges and click the 'Save Changes' button to store your settings

これでユーザーランキングシステムの追加に成功しました。あなたのサイトにアクセスして、フォーラムのユーザープロフィールを表示することができます。

ここでは、ランキングのレベルと計算を見ることができる。

Rewarding forum users with star symbols

また、作成したさまざまなバッジをサイト上のユーザーに付与することもできます。ただし、ユーザーメニュータブから手動で行う必要があります。

ユーザープロフィールの下にある「編集」リンクをクリックしてください。

Edit a user profile to award badges

新しい画面が表示されますので、「バッジ」エリアまでスクロールしてください。

ここで、ユーザーに付与したいバッジの「クリックしてこのバッジを追加する」オプションをチェックしてください。設定が完了したら、忘れずに「ユーザーを更新」ボタンをクリックして、設定を保存してください。

他のユーザーにもこのプロセスを繰り返すことができます。

Check the click to add this badge option to award a badge to a user

ボーナス:WordPressでポイントシステムを追加する

コメントする際にランキングシステムを追加する以外にも、WordPressサイトにポイントシステムを追加してエンゲージメントを高めることができます。

例えば、ユーザー登録時や商品購入時、ロイヤリティプログラムの一環として、カスタマイザーにポイントを付与することができます。そして、最も多くのポイントを獲得した訪問者に賞品や限定コンテンツを与えることができます。

会員制サイトであれば、一定のポイントを獲得したユーザーにはアップグレードを提供することもできます。

myCredを使えばWordPressに簡単にポイントシステムを追加することができます。有効化した後、WordPressダッシュボードからポイント ” 設定ページにアクセスし、ポイントのラベルと画像の選択を開始するだけです。

例えば、観客が獲得したポイントを、コイン、ブラウニー、ジュエル、トークン、その他何でもいい。

Choose a points label

その後、ユーザーレベルを作成し、ポイントシステムのフックを設定し、お好みに応じてメンバープレスや LearnDashのような異なるツールとbbpユーザーランキングを統合する必要があります。

完了したら、myCredが提供するさまざまなブロックを使用して、サイトにポイントシステムのリーダーボードを追加できます。

MemberPress hooks

詳しい手順については、WordPressにポイントシステムを追加してユーザーエンゲージメントを高める方法のチュートリアルをご覧ください。

この投稿が、WordPressのコメントに簡単なユーザーランキングシステムを追加する方法を学ぶのにお役に立てば幸いです。WordPressでユーザーが不適切なコメントを報告できるようにする方法についての初心者向けガイドや、WordPressでコメントスパムと戦うための専門家のヒントとツールもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

5件のコメント返信を残す

  1. Jiří Vaněk

    Currently, I am using a different plugin for comments, but I have been interested in Thrive for a long time. Seeing all that it can do, I will at least give it a try and consider making a switch. Features like ratings look very appealing. Thanks for the great tip on how to improve comments.

  2. Dean Onizuka

    what if i want to make a ranking system for a forum on wordpress?

  3. Alex_45

    Well, it’s okey for users, but how to make special rank for admin? Instead of title “admin” I got user rank. How to fix it?

  4. neha bilal

    how can I add or edit buttons in my wordpress website?

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。