ヴァーサタイルショーケース

:warning: :mechanic:t4:

このコンポーネントを完全に書き直しました。新しいリポジトリでホストされており、新しいトピックがあります:Featured Lists

このバージョンは今のところ問題なく動作しますが、Discourse 3.2.0.beta3 以降をご利用の場合は、新しいバージョンを使用してください。

このコンポーネントを使用すると、ホームページに多様なトピックリストを配信できます。デフォルトの外観:

コンポーネントの設定で、フィードリストとアウトレットの位置を定義できます:

フィードリストの形式は少し高度であり、効果的に活用するにはDiscourseのリストに関するいくつかの概念を理解する必要があります。以下を設定します:

  • フィードタイトル
  • リストの長さ
  • リストフィルター(latest, top, unread など)
  • タグフィルター(タグのスラッグで定義)
  • カテゴリーフィルター(カテゴリーIDで定義)
  • フィードリンク(More ボタンをクリックしたときの遷移先)

リストはフレックスボックスとして設定されているため、1つしかない場合はデフォルトでストレッチされます:

:+1: クレジット: このコンポーネントは Showcased Categories のスピンオフです。@Ahmed_Gagan が機能拡張し、私がアーキテクチャを書き直しました。最終的には互換性がなくなるほど多くの変更が加えられました。

|||
|-|-|-|
| :hammer_and_wrench:|リポジトリ| GitHub - nolosb/discourse-versatile-showcase |
| :question:|インストールガイド|テーマまたはテーマコンポーネントのインストール方法|

「いいね!」 18

クールなプラグインで、ホームページがよりインタラクティブになったように感じます。

いくつか、おそらく3つの提案があります。

  1. a discovery-list-container-bottom アウトレットを追加する
  2. 複数のリストが並列配置されている場合に、タイトルの最初の列の幅を広げる
  3. オプションで、1行に3つ以上のリストを設定できるようにする?
「いいね!」 1

Zupさん、提案ありがとうございます!

すでに3つあるので、これ以上アウトレットを追加することは考えていません。もし特定のアウトレットが必要な場合は、フォークして追加する必要があります。

リストはflexboxです。CSSでflexの動作を変更すれば、1行に複数のリストを表示したり、逆に1つだけにしたりできます。

もしこのことを指しているのであれば、確かにそこでの幅調整はもっとうまくやるべきですね :+1:

マヌエルさん、この素晴らしいコンポーネントをありがとうございます。

ぜひ使いたいのですが、インストール後、
-すべて問題ないように見えますが、
-インスタンスへのログインボックスが「display: none」に設定されており(ログインページが完全に空白になります)、
-ログインできません。

どこかで競合しているのだと思います。

誰かこのような問題に遭遇したことはありますか?また、どこを調査すればよいか何かアイデアはありますか?

よろしくお願いします。

「いいね!」 1

houuurraa…

これを解決するためのプロキシがあります。なぜかはよくわかりませんが、discovery-list-container-top を選択すると 100% 問題ありません。

above-main-container の設定で問題が発生していました。今は気にしないでください。discovery-list-container-top は実行中のインスタンスで問題ありません。

「いいね!」 1

@JBM、ご報告ありがとうございます。この問題は再現可能です。ログインが必要なためサイトコンテンツにアクセスできない場合に、リストを生成するコードがループしています。このアウトレットはログイン後にのみ利用可能であるため、discovery-list-container-top アウトレットが選択されている場合は機能します。この点について調査する必要があります。

「いいね!」 1

モバイル用に、ユーザーが通常の最新情報に移動するショーケース部分に、何かうまく機能する区切りを作成していただけますか? 現在、最後の部分が無限に続くように見えます。