WordPressBuddyPressプラグインを使用したソーシャルWebサイトの構築

公開: 2018-11-13
WordPress BuddyPress
@Cloudwaysをフォローする

BuddyPressは、ユーザーが非常に直感的な方法で相互に対話および通信できるように、ソーシャルネットワークを作成および管理するのに役立つWordPressプラグインです。 プラグインのセットは、要件に応じてネットワークをカスタマイズするために組み合わせることができる特定の機能を追加します。

このチュートリアルは、読者がWordPress BuddyPressテーマをインストールし、BuddyPress互換テーマを設定するのに役立ちます。 最終的に、読者はビジネスの準備ができている簡単なソーシャルネットワーキングウェブサイトを手に入れるでしょう。

目次

  • WordPressテーマをインストールする
  • BuddyPressプラグインをインストールします
  • プラグインを構成する
  • テーマでBuddyPressを使用する
  • ナビゲーションバーのメニューを作成する
  • Webサイトでの登録を有効にする
  • フロントページを設定する

ステップ1:WordPressテーマをインストールする

サンプルWebサイトのシンプルで基本的なソーシャルテーマを選択します。 このチュートリアルでは、QuestWordPressテーマを使用ます。 テーマをインストールするには、「外観」→テーマ」に移動し、「クエスト」を検索します。 次に、以下に示すように、[インストール]ボタンをクリックします

クエストテーマのダウンロード

インストールしたら、[アクティブ化]ボタンをクリックして、Webサイトのテーマをアクティブ化します。

クエストのテーマ

ステップ2:BuddyPressプラグインをインストールする

WordPress管理パネルに移動し、[プラグイン]→ [新規追加]→右上の検索ボックスでBuddyPressを検索します。 プラグインを見つけたら、 [今すぐインストール]ボタンをクリックします。

プロセスが終了したら、プラグインをアクティブ化します。

buddypressプラグイン

次に、 Questテーマで使用するようにBuddyPressプラグインを構成します。

ステップ3:BuddyPressプラグインを構成する

プラグイン→インストール済みプラグイン→BuddyPress→設定に移動します。

必要に応じてWordPressBuddyPressを構成できる1つのクレジットタブと3つのオプションタブがあります。

1.コンポーネント

これらのオプションを使用すると、サイト管理者は、ユーザーがソーシャルネットワークの他のユーザーと対話する方法に直接影響するアクションを有効(または無効)にすることができます。

  • 拡張プロファイル:有効にすると、ユーザープロファイルにカスタムフィールドを追加できます。
  • アカウント設定:この項目をチェックすると、ユーザーはプロファイル画面から直接アカウントと通知を変更できます。
  • フレンド接続:有効にすると、ユーザーは他のサイトユーザーにフレンドリクエストを送信できます。 リクエストが受け入れられると、ユーザーはアクティビティログを介してお互いを監視できます。
  • プライベートメッセージ:このオプションを有効にすると、ユーザーはプライベートメッセージを他のメンバーに個別に送信したりグループ内で送信したりできます。
  • アクティビティストリーム:このオプションを使用すると、ユーザーは、スレッド、コメント、メンション、直接投稿、お気に入りなど、ソーシャルWebサイトで友達のアクティビティを確認できます。 ユーザーにもメールで通知されます。
  • 通知:このオプションを使用すると、ユーザーは、友達リクエスト、プライベートメッセージなど、友達のアクティビティの即時通知を受け取ることができます。
  • ユーザーグループ:このオプションを使用すると、ユーザーはパブリック、プライベート、または非表示の自然のグループを作成できます。
  • サイト追跡:有効にすると、新しい投稿やコメントに関連するアクティビティが記録されます。

2.オプション

これらのオプションは、登録ユーザーによるアクションを許可(または禁止)することにより、ユーザーエクスペリエンスを向上させます。

オプションタブ

アクティビティの自動更新

ソーシャルネットワークで最も広く使用されている機能は、ニュースフィードの自動更新です。これにより、ユーザーは新しい更新を取得するためにビューを何度も更新する必要がなくなります。 デフォルトでは、このオプションが有効になっているため、新しい投稿またはコメントが共有されたときに、ログインしたユーザーに通知されます。

プロファイルの同期

このオプションを使用すると、ユーザーはWordPressプロファイルをBuddyPressプロファイルにリンクできます。

コメントを投稿する

有効にすると、ユーザーは自分のコメントをアクティビティストリームの投稿やコメントに追加できます。

3.ページ

これは、ソーシャルサイトにとって最も重要なセクションです。

[ページ]タブ

このタブは非常にシンプルですが、多くのBuddyPressユーザーは混乱します。 これらの3つのラベルを理解するのを手伝いましょう:

  1. メンバー
  2. アクティビティ
  3. ユーザーグループ

注:疑わしい場合は、これらのラベルのデフォルト設定を使用してください。

次に、登録ページとアクティベーションページを作成します。

登録

BuddyPressでは、これがデフォルトの登録フォームです。 BuddyPressには、サインアップフォームを割り当てるためのページが必要です。 そのため、WordPress管理パネルから新しいページを追加する必要があります

活性化

これは、BuddyPressのデフォルトのアカウントアクティベーションプロセスでもあります。 このために、WordPress管理パネルに移動して新しいページを追加することにより、新しいページを再度作成する必要があります。

登録とアカウントのアクティブ化ページを作成する

[ページ]→[新規追加]に移動して、[登録]ページを作成します。

BuddyPressインストールワードプレス

[ページ]> [新規追加]に移動して、 [アカウントのアクティブ化]ページを作成します。

BuddyPressインストールワードプレス

次に、 [設定] [ BuddyPress ] [ページ]に移動します。

注:これらのオプションが表示されない場合は、 [設定]→[一般]に移動し、 [誰でも登録できます]オプションを有効にします。

最後に、ページの最後にある[変更を保存]ボタンをクリックします。

ステップ4:テーマでBuddyPressを使用する

[外観]→[メニュー]に移動します。 右上隅から画面オプションを開きます。

BuddyPressインストールワードプレス

BuddyPressをマークしていることを確認してください。

BuddyPressインストールワードプレス

ステップ5:ナビゲーションバーのメニューを作成する

注:メニューバーが既にある場合は、続行する前に削除してください。

BuddyPressインストールワードプレス

次の手順に従って、新しいメニューバーを追加します。

BuddyPressインストールワードプレス

テーマのデフォルトウィジェットを削除し、必要に応じて構成します。

BuddyPressインストールワードプレス

BuddyPressウィジェットをサイドバーに追加します。

(BuddyPress)ログイン:このウィジェットにはBuddyPressログイン機能が組み込まれています。 ウィジェットは、サイドメニューバーにログインフォームを表示します。

(BuddyPress)最新のアクティビティ:このウィジェットは、BuddyPressサイトでの最近のアクティビティを表示し、ユーザーがコミュニティのトレンドを追跡できるようにします。

(BuddyPress)メンバー:このサイドメニューウィジェットには、最近の人気のあるアクティブなメンバーがすべて一覧表示されます。

(BuddyPress)最近アクティブなメンバー:名前が示すように、このウィジェットは最近アクティブなメンバーを表示します。

(BuddyPress)誰がオンラインか:オンラインであることは、ユーザーもアクティブであることを意味しません。 このウィジェットは、他のユーザーが他のオンラインメンバーを表示するのに役立ちます。

(BuddyPress)プライマリナビゲーション:これは、すべてのユーザーにアクティビティとメンションを表示します。 これは主要なナビゲーションであり、他のすべてのウィジェットの上部に表示されます。

ステップ6:Webサイトでユーザー登録を有効にします。

パブリックソーシャルネットワークの場合、ユーザー登録はすべての訪問者に公開されている必要があります。 ただし、ネットワークがプライベートの場合は、登録を完全にオフにするか、さらに適切に、プロセスを招待のみにすることができます。

登録プロセスを公開するには、 [設定]→[一般]→[誰でも登録できます]をマークします。

BuddyPressインストールワードプレス

ステップ7:フロントページを設定する

最後に、プロセスの最後で最も重要な部分は、Webサイトのフロントページを設定することです。 訪問者があなたのウェブサイトに来るとき、これは彼らが見る最初のページです。

この例では、「アクティビティ」ページをWebサイトのフロントページとして設定しています。 これを行うには、 [設定]> [読み取り]に移動します。

BuddyPressインストールワードプレス

次に、[変更保存]ボタンをクリックします。 これで、WordPressBuddyPressプラグインを利用した独自のソーシャルWebサイトが訪問者に提供されます。

フロントページとして「アクティビティ」ページを選択したので、訪問者はウェブサイトにアクセスした直後に現在のアクティビティを見ることができます。 上部には、通知、設定、プロファイルなどのオプションを備えたBuddyPressメニューがあります。

右側のメニューには、追加した順序ですべてのウィジェットが一覧表示され、ページのメインセクションには、リアルタイムで更新されるアクティビティストリームがあります。

Cloudways管理対象サーバーでVarnishが有効になっている場合、問題なくソーシャルネットワークを実行しています。 ただし、問題が発生し、問題が特定のページにある場合は、先に進んで、それらのURLをワニス設定から除外してください。 問題が解決しない場合は、CloudwaysサーバーダッシュボードからVarnishを無効にするか、24時間年中無休のライブチャットサポートにお問い合わせください。

最終的な考え

WordPress BuddyPressのインストールは大変な作業であり、プロセスには時間がかかる可能性があります。 うまくいかない可能性のあることがいくつかあります。私は、BuddyPressのエクスペリエンスを損なう可能性のある最も一般的な問題の解決策を提示しようとしました。

また、読者の皆様には、以下のコメントセクションからお気軽に質問することをお勧めします。 喜んでお答えし、ご案内させていただきます。 ハッピーコネクティング!