DiscPage: 静的ページを作成し、テキストにディスカッションバブルを挿入するプラグイン

:warning: 非推奨

このプラグインはもはやメンテナンスされておらず、現在の Discourse バージョンでは動作しません
アップグレード時の問題を防ぐため、本番環境から削除することをお勧めします。
長年にわたり、このプラグインを利用し、貢献してくださった皆様に感謝申し上げます。:folded_hands:

DiscPage を使用すると、トピックに「ページ」カテゴリを追加することで、静的ページを作成できます。

さらに、バルーンアイコンを挿入して、ユーザーがページの各セクションについて議論できるようにすることも可能です。

旧デモ 新デモ および リポジトリ をご覧ください。

「いいね!」 41

/latest ではディスカッショントピックが奇妙に表示されていますね。おそらく「ページコメント」や同様の独自のカテゴリに移動させたほうがいいかもしれません。

構造化タグの使い方はとても素敵です :slight_smile:

「いいね!」 5

はい、「balloon」ディスカッション用のカテゴリを設定するには、discpage balloon category 設定を使用できます。

「いいね!」 6

素晴らしい!!!私の NGO も間違いなく活用できるでしょう!

「いいね!」 6

カテゴリとサブカテゴリを左側に表示する方法はありますか?

カテゴリー/サブカテゴリーを左側に表示する方法はありますか?

DiscPage の静的ページでカテゴリーを自動的に表示する方法はありません。ただし、カテゴリーリンクを手動で追加することは可能です。その後、テーマコンポーネントを使用して、それらのリンクを左側のサイドバーに配置するようにスタイルを設定できます。

追伸:ご存知かもしれませんが、ハンバーガーメニューからカテゴリーにアクセスできます。

「いいね!」 2

@syl さん、素晴らしいプラグインをありがとうございます :slight_smile:

このプラグインが以下のプラグインとどのように異なるのか、ぜひご説明いただけますでしょうか?

「いいね!」 1

おっしゃるプラグインは素晴らしいですね。まだ試していませんが、違いは以下の点だと考えられます:

  • ページ作成機能が異なります:ProCourseは機能豊富なバックエンドを提供しますが、DiscPageはトピックを変換するだけです(そのため、通常のマークダウン編集の制限を受けます)。
  • ProCourseはページ内のディスカッションバルーンをサポートしていません。
「いいね!」 4

今日はじめてこのプラグインを見つけ、大変感銘を受けました!@syl さんのご尽力に心から感謝いたします。

確認させてください。この機能はカテゴリ内に「限定」され、フォーラム全体を乗っ取るものではないですよね?私たちのプロジェクトで考えているのは、あるカテゴリを使って協働ガイドを作成しつつ、フォーラムの残りの部分(通常の Discourse)はそのまま維持したいというものです。

はい、その通りです。

はい、DiscPage で実現できそうな内容ですね。

「いいね!」 1

syl さん、ありがとうございます!

最後の質問(現時点では)です :slight_smile: プラグインは権限をどのように定義していますか?これらの静的ページを作成/変更/削除できるのは誰ですか?

「いいね!」 1

DiscPage の静的ページは、特定の事前定義されたカテゴリ(ここでは「ページ」と呼びます)を持つトピックに過ぎません。したがって:

  • 静的ページは、「ページ」カテゴリ内でトピックを作成できる人によって作成できます。ニーズに応じて「ページ」カテゴリの権限を設定してください。一般的なケースとしては、こちら で説明されているように、「作成」権限を管理者に制限し、静的ページを作成できるのが管理者のみとなるように設定することです。

  • 静的ページの変更や削除は、トピックの作成者およびスタッフユーザー(通常のトピックと同様)によって行えます。

「いいね!」 1

なぜプラグインがハンバーガーアイコンを変更するのですか?赤くなってしまい、CSS を通常の状態に戻す方法を調べる羽目になりました。プラグイン自体は気に入っているのですが、この問題の修正をお願いします。

@Erik_Manger さん、ご質問の件は こちら に記載されています:

ハンバーガーメニューが赤色になりました。どうすればよいですか?

ハンバーガーメニュー
ハンバーガーメニューが赤色であることは、DiscPage がオフであることを意味します。これは以下の場合に発生します:

  1. エラーにより DiscPage の起動が妨げられた場合(その場合は、デバッグコンソールで DiscPage 関連のエラーを確認してください)、および
  2. 手動で DiscPage をオフにした場合(下記参照)。

@syl、これらの手順に本当に苦労しています。ごめんなさい、超初心者向けの問題だと分かっています。でも、簡単なコピペ用テンプレートを提供していただけないでしょうか?それとも短い動画のチュートリアルはありますか?あるいは、もし個別に手順を教えていただければ、同じように超初心者の人のためにYouTube動画を制作します。

  • 静的ページを編集するには、ページの右上にある「鉛筆」ボタンをクリックしてください(ハンバーガーメニューからDiscPageをオフにすることもでき、その後通常通りトピックを編集できます)。
  • 静的ページのスタイルを設定するには、.dpg-page-content クラスを使用してください。個別のページのスタイルを設定するには、html[data-dpg-page-id] 属性を使用してください。例えば、Settings > Customize > Light Theme > Edit CSS/HTML に移動し、Common > CSS セクションに以下を入力してください:
「いいね!」 1

静的ページはJavaScriptをインポートしたり、リンクしたりできますか?

「いいね!」 1

静的ページは標準的な Discourse トピックと同様にレンダリングされるため、トピック内の JS スクリプトに関する規則が適用されます。これについては、このメタサイトでいくつかの議論が行われていると思います。具体的には、テーマコンポーネントを作成してカスタマイズする必要があります(外部スクリプトへのリンクを許可する Discourse の設定もあります)。

また、このページの「静的ページのカスタマイズ」セクションを確認したり、静的ページ内の JS の例(上部のコンボボックス)をご覧ください。

「いいね!」 1

すでに静的ページを作成しましたか?鉛筆ボタンは表示されていますか?

静的ページのスタイル設定は、標準的な Discourse トピックページのスタイル設定と同様です。テーマコンポーネントを作成してカスタマイズします。例はこちらにあります。また、メタで「Theme Components」を検索することもできます。.dpg-page-content クラスを使用すると、すべてのトピックページではなく、静的ページにのみ適用される CSS ルールを作成できます。

その件についてですが、ユーザー入力に基づいて画像を取得する API を持っているとして考えてみましょう。あなたが送ったリンクには、上部にいくつかのコンボボックスがありますね。ユーザーがコンボボックスから何かを選択すると、JavaScript がそのユーザー入力に基づいて何らかの表示を行います。これは静的ページ内でも可能でしょうか?

「いいね!」 1

ツールは100%正しく動作していると思います。問題は、使い方がわからない私の知識不足です :frowning: 提供いただいた .dpg-page-content のリンクを見てみます。

ページ: https://community.tigergraph.com/t/this-is-a-test-page/606

「編集」ボタンをクリックします。コードの断片を貼り付けます。「設定」をクリックし、「カスタマイズ」に進みます。先ほどの コードの断片 を貼り付けると、基本的な HTML ウェブページが表示されるはずです。私のような超初心者にも役立つはずです!

ご質問にお答えいただき、ありがとうございます :slight_smile:

進捗状況はまたご連絡します。ぜひ、私のページもあなたのもののように仕上げたいと思います!

「いいね!」 1