注目のトピック

|||
-|-|-|
:discourse2: | 概要 | タグに基づいたトピックの特集。
:hammer_and_wrench: | リポジトリリンク | Manuel Kostka / Discourse / Components / Featured Topics · GitLab
:open_book: |Discourseテーマ初心者ですか? | Discourseテーマの使用方法:初心者ガイド

このテーマコンポーネントをインストール

設定


他のオプションの中でも、複数のタグを選択してトピックを特集したり、カードまたはリストの2つのレイアウトオプションを選択したりできます。

テンプレート


.featured-topics {
  &__wrapper {
  }
  &__container {
  }
  &__heading {
  }
  &__topic-wrapper {
  }
  &__topic-container {
  }
  &__topic-tag {
  }
  &__topic-thumbnail {
  }
  &__topic-details {
    .topic-author {
    }
    .topic-title {
    }
    .topic-excerpt {
    }
  }
}
「いいね!」 34

気に入りました!愚かな質問かもしれませんが、画像をどこに保存すれば取得できますか?

「いいね!」 2

ありがとうございます。画像はトピックの最初の投稿から取得されます。

「いいね!」 2

率直に言って、このような Theme component があれば嬉しいのですが、それは トレンド トピック用です(その種の機能はおそらく Plugin が必要になるでしょう)。

バージョン2.9でDiscourseが「ホット」カテゴリのトピックソートオプションに取り組んだら、もっと簡単に実装できるかもしれませんね? :thinking:

注目のカードにタグを表示するオプションについては、複数の タグを持つトピックをどのように処理しますか? モバイルビューの注目のカードにタグは表示されますか?

「いいね!」 2

カードの内容はモバイルとデスクトップで同じですが、モバイルではカードがコンテンツを折り返し、高さが固定されません。同じトピックに複数の注目のタグがある場合、カードにはデフォルトのタグリストで最初に表示されるタグが表示されます。これはアルファベット順だと思います。

トレンドトピックに関しては、注目のタイルコンポーネントと同様に、リストアルゴリズムを選択できます。現在、これらのアルゴリズムには、最新のものとさまざまなトップセレクションが含まれています。

トレンドは、top-dailyやtop-weeklyとどのように異なるのでしょうか?いずれにしても、Discourseコアに「hot」のような新しい並べ替えおよびフィルターアルゴリズムが登場した場合、コンポーネントでも機能するはずです。

「いいね!」 1

まあ、特定の期間に限定する必要はないでしょう。トレンドのトピックは、1時間前、1日前、1週間前などのものになる可能性があります…

もっとうまく説明できればいいのですが… :sweat_smile:

また、注目のカードを複数行にすることは可能ですか?

「いいね!」 2

このコンポーネントはデスクトップではカードが1行表示されます。モバイルでは、好きなだけカードを1列に表示できます(最大トピック数設定があります)。

デスクトップでより多くの行を表示することは、コンポーネントのカスタムCSSを記述すれば簡単に可能です。しかし、それはコンポーネント自体ではサポートしないユースケースです。カスタムレイアウトが必要になると考えるからです。

「いいね!」 1

わかりました、それは公平です。:+1:

現在作業中のコンセプトとこの#theme-componentを結び付けようとしていました。

また、先ほど言及した「ホット」カテゴリのトピックソートオプションは、すでに(ある意味)#plugin:broken-pluginの形で存在します。

「いいね!」 1

なるほど…私の言葉遣いを変更させたのですね :wink: 「feed」を2回書きましたが、「column」に変更しました。このコンポーネントの目的は、特定の選択されたトピックを特集することです。動的なフィードのように機能させることもできると思いますが、もしそれがあなたの目標であれば、既存のリストビューをスタイリングしてそこに到達させる方が良いでしょう。例えば、「Topic List Previews」や「Topic List Thumbnails」のようなコンポーネントを使用して、リストアイテムをカードのようにスタイリングするだけです。リストを直接操作することは、Discourseのナビゲーション要素やフィルターと統合されています。このコンポーネントではそれは得られません。

「いいね!」 1

ええ、本当です。私はただ、自分の手持ちの選択肢をすべて見ようとしているだけです。このトピックは、私がDiscourse Metaを閲覧していたのとちょうど同じ頃に投稿されたので、私の注意を引きました。

「いいね!」 2

うーん、サムネイルが表示されていませんね :frowning:

「いいね!」 1

うーん、すべてのコンテンツの選択を解除すると、彼の表情しか表示されません:upside_down_face:

別のブラウザを試しましたか?ブラウザの問題ではない場合(もしそうなら、あなたの環境を教えてください)、あなたのサイトのCSSを調べることができます。ただし、URLをここで、またはプライベートメッセージで共有する必要があります。

「いいね!」 1

このコンポーネントはまだ動作していますか?

なぜもう動作しないのですか?壊れているなどの表示はなく、まだ3ヶ月しか経っていません。

「いいね!」 4

このコンポーネント、とても気に入っています。ありがとうございます!:tada:

「ピン留め」された注目のトピック(つまり、「フォーラムへようこそ」トピック)があれば、#featured からランダムにトピックが選択される場合でも、常に表示されるようになると素晴らしいと思います。私のユースケースだけでなく、他の多くのユースケースにとっても非常に素晴らしいことだと思います。実装可能でしょうか?

「いいね!」 1

@manuel さん、助けてください?
このコンポーネントは大好きです!でも、小さな問題があります。 :point_down:

管理者アカウントでは、カードがうまく表示されます。

「通常の」ユーザーアカウントでは、デッドスペースがあり、カードが表示されません。

何か別の方法を考えなければならない前に、どのような支援や提案でも役立ちます :smiley:

「いいね!」 1

通常のユーザーには表示されないタグを使用しているようですね。

コンポーネント設定でカードに表示されるタグを非表示にすることができます。ただし、タグ自体は、タグ付けされたトピックを注目のカードとして表示する必要があるグループに表示される必要があります。

「いいね!」 3

:woman_facepalming:
これで解決しました。
タググループを編集していて、誰もがそれを知っていることを管理者に知らせないように隠したいと思っていました。ありがとうございます!!

「いいね!」 1

@diabolicvincent、ご提案ありがとうございます!ただ、これを機能として実装することはしないと思います。その理由の一つは、(クレジットにも記載されているように)このコンポーネントのロジックを私がプログラムしたわけではないということです。私の好みからするとすでにかなり複雑であり、自分でいじくりたくありません。

より一般的に、哲学的に、概念的に… :nerd_face: 公式コンテンツとユーザー生成コンテンツが容易に区別できる方が、UIデザインとしては優れていると私は信じています。その点において、私はすでに、それ以外の動的なユーザーのトピックリスト内でトピックをピン留めすることには賛成していません。

タグを使わずに最新の投稿を自動表示する方法はありますか?手動でタグを使って投稿を特集セクションにプッシュしたくありません。