注目のトピック

これは素晴らしいコンポーネントだと思います!

正直に言うと、このコンポーネントがやっていることを実現するために、テーマコンポーネントを作成する方法を学ぶのに2、3日費やしました。多くを学んだので無駄になったとは思っていませんが、もっと早くask.discourseのアドバイスに従って、このコンポーネントを確認すればよかったと思っています。

一つわからないことがあります。

カードレイアウトは気に入っていますが、カードレイアウトでサムネイルと抜粋を表示したいです。何かヒントがあればありがたいです。

代わりにリストレイアウトにしましたが、いくつかの点を変更したいと思っています。それらをcommon.cssタブに追加しました。もしかしたら他の誰かの役に立つかもしれません。

トピックタグを削除するには

.featured-topics__topic-tag {
    display: none;
}

作成者のアバターを削除するには

.featured-topics__wrapper .topic-author {
    display: none;
}

カテゴリリンクを削除するには

.featured-topics__wrapper .category-link {
    display: none;
}

追記:

元の投稿はそのままにしておきますが、追加したいことがあります。
カードビューで抜粋を表示する方法

.featured-topics__topic-container.thumbnail .topic-excerpt {
    display: contents;
}

また、デスクトップではリストビューレイアウトの方がカードレイアウトよりも気に入りましたが、モバイルではひどい見た目になります。サムネイルが左側にあり、タイトルと抜粋が右側の狭い列にあります。サムネイルの周りにテキストを折り返す方法や、すべてを単一の列に積み重ねる方法を見つけられていません。

カードレイアウトでサムネイルと抜粋を表示する方法を見つけ、それがモバイルでもまともな見た目になったので、ほとんどのユーザーが携帯電話でサイトを閲覧していると予想されるため、カードレイアウトに切り替えました。