Diviウェブサイトにフォーラムを埋め込む

Diviは、Elegant Themesの人気のWordPressテーマおよびドラッグアンドドロップページビルダーで、コードを記述せずに美しいWebサイトをデザインできます。ただし、WordPress自体と同様に、コミュニティフォーラムやディスカッション機能は組み込まれていません。

そこで役立つのがウェブサイトツールボックスです。フル機能のディスカッションフォーラムをDiviページに直接埋め込むことも、サイトのナビゲーションからフォーラムにリンクすることもできます。どちらの方法でも、ユーザーアカウント、モデレーションツール、リアルタイムの会話を利用できます。

これは次のような場合に非常に効果的です。

  • SaaS 製品コミュニティ
  • オンラインコースディスカッション
  • コーチングサイトと会員制サイト
  • カスタマーサポートフォーラム
  • フィードバック掲示板と機能リクエスト掲示板
  • クリエイターコミュニティとホビーコミュニティ
  • 非公開メンバーグループ

このステップバイステップガイドでは、手順を順を追って説明します。

ステップバイステップ:フォーラムを追加する

オプション A: フォーラムを埋め込む

  1. ウェブサイトのWordPress管理ダッシュボードに移動し、Divi Builderを使用してフォーラムを追加したいページを開きます(「Divi Builderで編集」をクリックします)。
  2. Divi Builderで、緑色のプラスアイコンをクリックして新しいセクションを追加しセクション内のグレーのプラスアイコンをクリックして新しい行を追加します
  3. ウェブサイトツールボックスの埋め込みコードを取得:
    1. Website Toolbox アカウントにログインするか、まだ持っていない場合は新しいフォーラムを作成します
    2. [埋め込みを統合] → [フォーラムを埋め込む] に進み、埋め込みコードをコピーします。
  4. 新しい行の中で、灰色のプラスアイコンをクリックしてモジュールを追加しモジュールリストからコードモジュールを選択します
  5. コードモジュール設定で、Web サイトツールボックスの埋め込みコードをテキストフィールドに貼り付け、モジュールを保存します。
  6. Divi Builder で [保存] をクリックし、ページを更新または公開します。
  7. 公開したフォーラムページのURLをコピーします。
  8. Web サイトツールボックスに戻り、URL を「フォーラムはどこに埋め込まれていますか?」 に貼り付けます。[フォーラムを埋め込む] 設定の [フィールド]。

オプション B: フォーラムへのリンク

  1. ウェブサイトのWordPress管理ダッシュボードに移動し、Divi Builderを使用してフォーラムリンクを追加したいページを開きます(「Divi Builderで編集」をクリックします)。
  2. リンクを表示したい場所にボタンテキストまたは宣伝文句モジュールを追加します
  3. ウェブサイト・ツールボックス・フォーラムのURLを取得:
    1. Website Toolbox アカウントにログインするかフォーラムをまだ作成していない場合は新しいフォーラムを作成します
    2. フォーラム URL をコピーします。
  4. モジュール設定で、フォーラム URL を [リンク] フィールドに貼り付けます。
  5. Divi Builderで [保存] をクリックし、ページを更新または公開します。

シングルサインオン

DiviはWordPress上で動作するため、シングルサインオンを有効にする最も簡単な方法は無料のWordPressプラグインを使用することです。メンバーがWordPressサイトにログインすると自動的にフォーラムにサインインし、既存ユーザーと新規ユーザーのフォーラムアカウントが作成されます。プラグインは埋め込みも処理するので、上記の手動の手順を完全に省略できます。

開始するには、WordPress管理画面の「プラグイン」→「新規追加からWebサイトツールボックスフォーラムプラグインをインストールして有効化しWordPressプラグイン記事の設定手順に従ってください

メンバーができること

フォーラムが接続されると、メンバーはフル機能のコミュニティ体験を利用できるようになります。Web サイトツールボックスには、ここに記載されている機能以外にも多くの機能があります。機能ツアーにアクセスして、利用できるすべての機能を確認してください。

💬 メンバー向け

  • ディスカッションスレッドの作成と返信
  • 「いいね!」投稿
  • 画像やファイルをアップロード
  • メール通知を受け取る
  • プロフィールをカスタマイズ

🛡️ 管理者向け

  • 投稿とコメントをモデレートする
  • ユーザーをBANする
  • カテゴリを作成してトピックをピン留めする
  • フォーラムの外観をカスタマイズ
  • メンバー権限の管理

よく寄せられる質問

Diviにはフォーラム機能が組み込まれていますか?

いいえ、Diviはページビルダーであり、ネイティブフォーラム機能は含まれていません。ただし、Website Toolboxを使用すると、コードモジュールを使用してページに直接埋め込むか、ナビゲーションからリンクすることで、フォーラムをサイトに簡単に追加できます。

フォーラムを埋め込むべきか、それともリンクすべきか?

どちらもうまくいきます。埋め込みにより、ユーザーはDiviサイトにとどまり、フォーラムはページレイアウトにシームレスに統合されます。リンクの設定は簡単で、フォーラムが独自のページで開くので、モバイルデバイスでのエクスペリエンスが向上します。自分のワークフローに合ったものを選んでください。

埋め込みフォーラムの外観をカスタマイズすることはできますか?

はい。Website Toolboxには、Diviサイトのデザインに合わせて選択できるさまざまなテーマを備えたテーマエディターが用意されています。色、フォント、レイアウト設定などをカスタマイズして、シームレスな外観を作成できます。

フォーラムを非公開にしたり、メンバー限定にしたりできますか?

絶対に。フォーラムへのアクセスをログインユーザーのみに制限したり、招待制のコミュニティを作成したり、サブスクリプションプランでアクセス料金を請求したりできます。WordPressプラグインのシングルサインオンと組み合わせると、メンバーは自動的にログインしたままになります。

コーディングの仕方を知っておく必要がありますか?

いいえ。Diviはドラッグアンドドロップビルダーなので、自分でコードを記述しなくてもCodeモジュールを使用してフォーラムを追加できます。埋め込みコードまたはURLを貼り付けるだけで、あとはDiviが処理します。

フォーラムはモバイルデバイスでも機能しますか?

はい。Website Toolbox フォーラムは完全にレスポンシブで、スマートフォン、タブレット、デスクトップでうまく機能します。フォーラムを埋め込むと、iframe はコンテナのサイズに合わせて自動的に調整されます。Website Toolbox にはモバイルアプリも用意されているので、メンバーは携帯電話からでも参加できます。



or learn more