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でRedditのようなサイトを作る方法

何百万人もの有効化したユーザーを抱えるRedditの成功は否定できず、多くの人がその魔法を再現しようとしています。しかし、ゼロからRedditクローンを作成するのは、特にサイト構築に慣れていない場合、大変な労力のように思えるかもしれません。

良いニュースは、それはあなたが考えるよりも実際には簡単だということです。WordPressを使えば、開発者チームを必要とせず、Redditのエッセンスを取り入れた活気ある魅力的なコミュニティを作ることができます。

このガイドでは、WordPressを使ってRedditスタイルのサイトを構築する方法をご紹介します。

Making Reddit clone in WordPress

なぜWordPressでRedditのようなサイトを作るのか?

Redditは世界で8番目にアクセス数の多いサイトで、1日のアクティブユーザー数は5200万人を超える。

ニュースアグリゲーション、コンテンツキュレーション、ソーシャルネットワーキングプラットフォームとして人気がある。ほぼすべてのトピックについて、サブレディットと呼ばれる多くのユーザー管理コミュニティが存在する。

Reddit website

もしあなたがオンラインコミュニティを構築しているのであれば、Redditはユーザーエンゲージメントを構築し、WordPressサイトを成長させる方法の例として使うことができます。

WordPressサイトに、アップボートやダウンボート、ディスカッション、コンテンツ投稿、ソーシャルシェアなどのユーザー参加機能を追加して、Redditのようなコミュニティを作ることができます。

Redditはプロの開発者チームによってカスタマイザーでコーディングされているため、完全なRedditクローンを作成することはできないかもしれません。しかし、Redditを魅力的にしている機能をすべてコピーし、あなたのサイトに適用することはできます。

ということで、WordPressでRedditのようなサイトを簡単に作る方法を見ていきましょう。このチュートリアルのナビゲーションには、以下のクイックリンクをご利用ください:

ステップ1:WordPressサイトのインストールとセットアップ

まず、あなたはあなたのウェブサイトを構築するために適切なウェブサイトビルダープラットフォームを使用していることを確認する必要がありますか?

WordPressソフトウェアには2種類ある。まず、WordPress.orgがあり、これはインストール型のWordPressとしても知られています。そして、サイトホスティングサービスのWordPress.comがあります。

WordPress.orgが必要なのは、Redditのようなサイトを含め、さまざまなタイプのサイトを作るのに必要なすべてのツールにすぐにアクセスできるからだ。

詳しくは、WordPressのレビューとWordPressがなぜ無料なのかについての説明をお読みください。

始めるには、以下の項目が必要だ:

  • ホスティングサービスアカウント(あなたのサイトのファイルが保存される場所です。)
  • ドメイン名(WPBeginner.comなど、あなたのサイトのアドレスになります。)
  • WordPress用コミュニティ構築アドオン(ディスカッション、投稿、アップヴォート、バッジなど)

通常、ウェブホスティングアカウントは月額7.99ドル(通常は年払い)、ドメイン名は年間14.99ドルかかる。

さらに、プレミアムプラグインを購入する必要があり、サイトに追加したい機能によって47ドルから300ドルかかる場合がある。

Redditのようなサイトを立ち上げるには、特に限られた予算で始めるには大金だ。

幸運なことに、Bluehostの人々は、WPBeginnerユーザーに無料のドメイン名とSSL証明書付きのホスティングサービスを割引価格で提供することに同意してくれました。基本的に、月々$1.99で始めることができます。

Bluehostは世界最大級のホスティングサービスであり、WordPressのプロバイダーとして公式に推奨されています。

サインアップするには、Bluehostのサイトにアクセスし、’今すぐ始める’ボタンをクリックするだけです。

Clicking the Get Started Now button in the Bluehost page

次に、ホスティングサービスプランを選択します。

多くの初心者はベーシックプランかチョイスプラスプランから始める。

Bluehost pricing plans

クリックしてプランを選択し、次に進む。

次の画面では、サイトのドメイン名を選択するよう求められます。

Choose domain

次に、ホスティングサービスに追加するパッケージが表示されます。

必要であれば、いつでも後から追加できるので、通常は余分なアドオンのチェックを外すことをお勧めします。

Bluehost's package extras

その後、支払い情報を入力し、購入を完了することができます。

その後、ホスティングアカウントのダッシュボードにログインするためのリンクが記載されたメールが届きます。Bluehostはまた、自動的にあなたのためにWordPressをインストールします。

Bluehost経由でWordPressにログインするには、Bluehostのダッシュボードを開きます。次に、 “ウェブサイト “タブに移動し、新しく作成したサイトの “サイトを編集 “をクリックします。

Bluehost Edit Site

WordPressの管理エリアに到着しました。

ステップ2:Redditスタイルのサイトのテーマを選ぶ

デフォルトのWordPressテーマはRedditのようには見えない。

しかし、Redditに似たWordPressブログを作成するために使用できるWordPressテーマがいくつかあります。

WordPress テーマはサイトの見た目を担当しますが、すべての機能を担当するわけではないことを知っておくことが重要です。Redditのコミュニティ参加機能がないテーマを使用しても問題ありません。プラグインを使用してそれらの機能を追加するからです。

テーマを選ぶときは、含まれている機能ではなく、スタイルとレイアウトに注目するのが一番だ。

Choosing a theme similar to Reddit

現在、WordPressのテーマは、プレミアム、無料を問わず数多く存在する。この豊富な選択肢は、新規ユーザーにとっては、選ぶのに少し圧倒されるかもしれません。

余白の多いシンプルなテーマを探すことをお勧めします。これにより、簡単にテーマをカスタマイズすることができます。

私たちの一番のおすすめテーマはAstraです。なぜなら、読み込みが速く、カスタマイザーが可能で、デザインをカスタマイズするために使用できる数多くのスターターテンプレートが付属しているからです。

また、すでに特定のレイアウトを考えている場合は、ドラッグ&ドロップのSeedProdビルダーを使って カスタムWordPressテーマ(コードなしメソッド)を作成することを検討するとよいでしょう。

300以上のプリメイドレイアウトが用意されているので、すぐに使い始めることができるが、カスタムテーマビルダーも用意されているので、コードなしでフルカスタムのサイトを構築することもできる。

もっとインスピレーションが必要ですか?スタッフ一押しのWordPressテーマをご覧ください:

ステップ3:WordPressでRedditのようにアップヴォートとダウンヴォートを追加する

WordPressにはコメントシステムがビルトインされています。Redditのディスカッションに似ており、ユーザーは投稿日に簡単にコメントを残すことができます。

しかし、WordPressの初期設定のコメントシステムは非常に基本的なもので、アップヴォートやダウンヴォート、ソーシャルシェア、バッジやリワードを使ったゲーミフィケーションなど、Redditのユーザー参加型の機能はありません。

1つのプラグインで不足している機能をすべて追加することで、この状況を変えよう。

まず、Thrive Commentsプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

サインアップすると、Thrive Downloads Managerプラグインをダウンロードできるようになります。これは、WordPressダッシュボードから簡単にThriveコメントをダウンロードしてインストールするためのツールです。

Install Thrive Comments

インストーラがインストールされると、プラグインは自動的に接続され、ライセンスの正しい認証が行われます。

次に、Thriveダッシュボード ” Thrive Commentsページにアクセスし、コメントする設定を行います。

Comment settings

コメントするオプションは、左カラムのさまざまなセクションに分類され、右カラムにはコメントのプレビューが表示されます。

一般設定」タブをクリックし、サイト全体でThrive Commentsを有効化することから始めることができます。

Enable Thrive Comments

次に、コメント投票とバッジ機能を有効化します。投票とバッジ」タブをクリックして、これらのセクションを展開してください。

まず、どのような投票を表示するかを選択する必要があります。このプラグインでは、アップボート・ダウンボート、アップボートのみ、投票なしのオプションから設定することができます。

Comment voting option

その下に、コメントする有効化したメンバーにバッジを設定することができます。Redditのバッジと同様に、最もアクティブなコミュニティメンバーに対して、投稿を促すための報酬です。

新しいバッジを追加」ボタンをクリックして、バッジを選択してください。

Comment badges

プラグインには、コメントバッジに使用できるビルトインアイコンセットが付属しています。

お好みで自分のアイコンをアップロードすることもできる。

Choose badge

コメント数、コメント返信数、注目コメント数、アップヴォート数に応じてバッジを贈呈することができます。

コメントボックスのスタイルや外観をカスタマイズしたいですか?スタイルのカスタマイズ」タブに切り替えるだけで、色、初期設定の空白アバター、日付と時間の設定を自由に選択できます。

Comment style and customization

Thrive Commentsはパワフルなプラグインです。プラグイン設定の下にあるさまざまなオプションをすべて確認し、好きなように設定することができます。

投稿が完了したら、サイト上の投稿日やページにアクセスし、新しいコメントを確認することができます。

Comments preview

さて、オンライン・コミュニティを成功させるには、コメントを有効化する必要がある。

Thrive Commentsにはコメント編集ダッシュボードも付属しています。

Moderate comments

初期設定のWordPressコメントモデレーションツールとは異なり、このインターフェースは、コメントへの迅速な回答、フォローアップのためのチームメンバーへの割り当て、コメントのフィーチャーなどに役立ちます。

Redditのようなサイトでコメントを増やすのにお困りですか?WordPressでブログ投稿にコメントをつける方法についてのチュートリアルをご覧ください。

ステップ4:ユーザーによるサイトへのコンテンツ投稿を許可する

WordPressサイトに簡単に追加できるRedditのもう一つの重要な機能は、ユーザーがコンテンツを送信できるようにすることです。

幸いなことに、WordPressにはユーザー投稿を超簡単に管理できる優れたツールがあります。

WPFormsは、600万以上のサイトで使用されている、市場で最高のWordPressフォームビルダープラグインです。WPFormsにはユーザー投稿日アドオンが付属しており、サイト上でユーザーが作成したコンテンツを受け入れることができます。

さらに、ログインとユーザー登録フォームのアドオンがあり、ユーザーはサイトのフロントエンドからログインすることができます。

まず、WPFormsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドを参照してください。

注:ユーザー投稿機能をアンロックするには、少なくともWPFormsのProプランが必要です。

有効化した後、WPForms ” 設定ページにアクセスしてプラグインのライセンスキーを入力する必要があります。この情報はWPFormsサイトのあなたのアカウントの下にあります。

Enter Your WPForms License Key

次のステップでは、WPForms ” Addonsページに移動し、’Post Submissions’ アドオンを探します。

検索を使うか、アドオンまでスクロールダウンして、その横にある「アドオンのインストール」ボタンをクリックしてください。

Install post submission addon

WPFormsはあなたのために投稿投稿アドオンをインストールし有効化します。

その後、WPForms ” 新規追加でコンテンツ投稿フォームを作成します。まず、フォームのタイトルを入力し、’ブログ投稿フォーム’ テンプレートを選択します。

次に、「テンプレートを使用する」をクリックする。

Choose template

WPFormsはブログ投稿フォームを作成するために必要なすべての必須フィールドでフォームビルダーのインターフェースを読み込みます。

右カラムにフォームのプレビューが表示されます。ここから任意のフィールドをクリックして編集したり、左カラムから新規フィールドを追加することができます。

Edit post submission form

投稿フォームに満足したら、「設定」タブに切り替えることができます。

ここから、フォームフィールドをブログ投稿フィールドにマッピングすることができます。また、自分自身とユーザーに次のステップを知らせる通知を設定することもできます。

Form settings

設定に満足したら、「保存」ボタンをクリックしてフォームを保存し、フォームビルダーを終了します。

フォームを追加したい投稿やページを新規作成することができます。既存の投稿やページを編集することもできます。

編集画面では、WPFormsブロックをコンテンツエリアに追加し、ドロップダウンメニューから先ほど作成したフォームを選択するだけです。

Add form to a post or page

その後、ページの編集を続けることができます。例えば、ユーザーがどのようなコンテンツを送信できるかについてのヒントやガイドラインを追加することができます。

完了したら、公開するか更新して変更を保存することを忘れないでください。これでこの投稿やページをプレビューして、投稿フォームの動作を確認することができます。

WordPressのナビゲーションメニューにリンクやボタンを追加して、ユーザーが簡単にサイトに記事やストーリーを投稿できるようになりました。

Submit story page

ステップ5:ユーザーに投票と投稿の評価を許可する

Redditでは、ユーザーがストーリーやリンク、項目をアップベートすることができる。そして、上位に評価されたコンテンツをより目立つ場所に表示する。

これにより、Redditorはコンテンツを作成することなく参加することが有効化され、またトレンドに基づいてさまざまなコンテンツエリアをキュレーションすることができる。

投稿評価機能を追加することで、WordPressサイトにもその機能の一部を導入することができます。

まず、Rate My Postプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、FeedbackWP ” Settingsページでプラグイン設定を行う必要があります。

FeedbackWP's plugin settings

投稿に評価を自動的に追加するには、「すべての投稿に評価ウィジェットを追加する」と「すべての投稿に結果ウィジェットを追加する」オプションをオンにします。

その後、他のプラグインオプションを確認することができます。初期設定であれば、ほとんどのサイトに対応できます。

Save Settings(設定を保存)」ボタンをクリックして、変更内容を保存することを忘れないでください。

あなたのサイトにアクセスすると、プラグインが各投稿の次の投稿に星を表示します。

Ratings preview

投稿評価を手動で操作して、サイトが有効になる前に最初の勢いをつけることもできる。

投稿を編集し、投稿エディターの下にスクロールするだけです。FeedbackWP Ratings’ボックスに、まずは自分の評価を入力してみましょう。

FeedbackWP's settings in the block editor

このプラグインにはTop Rated Postsウィジェットも付属しています。

サイドバーやウィジェット対応エリアに追加できます。

FeedbackWP's widget

ウィジェット設定で投稿数、最低評価、投票数を選択できます。更新」をクリックして、ウィジェットの設定を保存することを忘れないでください。

テストサイトではこんな感じだった。

Top rated posts

サイトに有効化したメンバーがいる場合、ウィジェットエリアに最もコメントした投稿を表示したり、最近のコメントを表示することもできます。

ステップ6:Redditライクなサイトを次のレベルへ成長させる

WordPressの良いところは、あなたのサイトにRedditのような機能を追加するために使えるプラグインが無料でも有料でもたくさんあることです。

ここでは、Redditのようなサイトを成長させ、次のレベルに引き上げるために使用できる追加のツールやプラグインについて言及します。

1.会員限定コンテンツの作成とサブスクリプションの販売

Reddit Premiumと同様に、MemberPressを使用することで、WordPressサイトにプレミアムサブスクリプションプランを作成することができます。これは最高のWordPressメンバーシッププラグインで、簡単にオンラインサブスクリプションを販売することができます。

強力なアクセスコントロールで、サイトの特定のエリアを会員のみに制限することができます。

2.Redditクローンにフォーラムを追加する

bbPressを使用して、オンラインコミュニティに軽量のフォーラムを追加することができます。WordPressでフォーラムを作成する方法の投稿をご覧ください。

3.サイト全体のユーザーアクティビティのトラッキング

ユーザーがどこから来て、あなたのサイトで何をしているのか知りたいですか?MonsterInsightsは市場で最高のGoogleアナリティクスプラグインです。

トップコンテンツを簡単に表示し、サイト上のコンバージョンやユーザーエンゲージメントを追跡することができます。

4.初日からサイトSEOを改善する

SEO(検索エンジン最適化)は、ユーザー生成コンテンツを大量に含むサイトの成功に重要な権限グループを担っています。可能な限り多くのトラフィックを獲得し、ユーザーを増やしたいのであれば、初日からSEOのためにサイトを最適化する必要があります。

そのためには、All In One SEO for WordPressが必要です。これは、市場で 最高のWordPress SEOプラグインであり、プロのように簡単にサイトを最適化するのに役立ちます。

この投稿が、WordPressでRedditのようなサイトを簡単に作成する方法を学ぶのにお役に立てば幸いです。Wixと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

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

  1. Damian

    This is great, but is there a plugin to add the URL submission feature to this build? For example, on reddit, when you enter a URL into a post it suggests a title and description based on the OG tags. Even pulls in the featured image. Is that possible in WP Forms or any other plugins?

    • WPBeginner Support

      We do not have a recommended plugin for that at the moment but we will be sure to share should we find one we would recommend.

      管理者

  2. Zubayer

    Great content!! Thanks

    • WPBeginner Support

      Glad you liked our article!

      管理者

  3. John

    Thank you for sharing.

    • WPBeginner Support

      You’re welcome :)

      管理者

返信を残す

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