これは素晴らしいコンポーネントだと思います!
正直に言うと、このコンポーネントがやっていることを実現するために、テーマコンポーネントを作成する方法を学ぶのに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;
}
また、デスクトップではリストビューレイアウトの方がカードレイアウトよりも気に入りましたが、モバイルではひどい見た目になります。サムネイルが左側にあり、タイトルと抜粋が右側の狭い列にあります。サムネイルの周りにテキストを折り返す方法や、すべてを単一の列に積み重ねる方法を見つけられていません。
カードレイアウトでサムネイルと抜粋を表示する方法を見つけ、それがモバイルでもまともな見た目になったので、ほとんどのユーザーが携帯電話でサイトを閲覧していると予想されるため、カードレイアウトに切り替えました。