Featured Tiles

I first want to say thank you for this amazing component. It has taken our forum up a few notches visually and a brilliant way to revive old threads without the need for staff to bump them to keep them fixable.

I have a question though and I may be missing a simple solution to this, but is it possible to remove the OPs avatar from the tile… Or preferably just remove the clickablility of the OPs avatar?

Thank you for this David, I am trying to get display-on-categories and scope-to-category working but I can only get the featured tiles to display on Latest and Categories home page, not the individual categories. Any idea what I’m doing wrong here, below are my settings. I have tried this with all other TC’s disabled and in safe mode with unofficial plugins disabled. I don’t see anything in the console or logs related to this.

Settings screenshot

Also, is there any way to add spacing between the images?

「いいね!」 1

IS there a wat to show 4 tiles in desktop and just 1 or 2 on mobile? It doesn’t look so good on it. Thanks!

Do you have editors-pick topics in every individual category?

You could do this using CSS, yes. Something like

.featured-tiles-container {
    gap: 1em;
}

This could also be done with CSS. To hide the 3rd, 4th and 5th square on mobile, you could do something like:

.mobile-view .featured-tiles-container > .featured-tile:nth-child(2) ~ .featured-tile {
    display: none;
}
「いいね!」 3

Yes, I even tried setting it to only one category where the tag is used and it does not show up in that category. I tried different tags that are not part of tag groups, a category without restricted tags, but nothing seems to work. I also tried another site I have that is much simpler, doesn’t have TLP installed, etc. and it doesn’t work there either, even tried featuring a category rather than a tag, still doesn’t show up in any categories.

This works perfectly in firefox and chrome, but not safari. Any other ideas?

Also, a small feature request to have a title for the featured images, because how are people supposed to know what these images are? I know, I know, submit a PR, but trust me you wouldn’t want me to :grin: Just something like this:

「いいね!」 1

Same here. I’m trying out the component on a new instance, so there’s not much else to disable. The featured tiles only show on Latest and Categories.

「いいね!」 2

Hey @david

In my tests for some existing topics the image is not appearing. I am running on latest test-passed.
What I tried so far:

  • put the image into the first line of the first post
  • renew HTML of the first post
  • removing and re-adding the featured tag
  • issue persists in theme preview as well

Any ideas?

I have this exact same issue. Were you able to fix it?

Any reason why this does not show on category pages even tho the option for it is ticked?

「いいね!」 1

私も同じ問題を抱えています。カテゴリページでは、アクティブなコンポーネントがそれしかない場合でも表示されません。@david、手伝ってもらえますか?

「いいね!」 1

カテゴリページ向けに修正を行いましたので、お試しください!

「いいね!」 5

クリス、うまくいったよ!君は最高だ!

「いいね!」 1

このコンポーネントの上に、または .list-controls の下にテキストを挿入する方法について、どなたかアイデアはありますか?これらの画像が何であるかを説明するために、画像の上にテキストが本当に必要です。下の画像の赤い線が、必要な場所です。よろしくお願いします!

簡単な解決策として、常に before または after セレクターを使用してサイトにコンテンツを挿入できます。例:

.featured-tiles::before {
  content: "こんにちは";
}
「いいね!」 1

Noloさん、ありがとうございます。とりあえずこれで大丈夫です!URLを追加できたら良いのですが、これで十分です。ご協力ありがとうございました。

「いいね!」 1

なんてゴージャスなサイトでしょう、@davidkingham!!!素晴らしい!!!

「いいね!」 1

これは本当に素晴らしいですね…動作すればですが。
Cloud Discourseサイトでは、タグを1つだけ選択した場合にのみ機能します。複数のタグを選択すると、空のバナー行が表示されます。

更新:時々、メインページに画像が表示されませんが、選択したタグが付いたトピックのカテゴリに移動すると役立ちます。メインページに戻ると、バナーに画像が表示されます。

他に試して確認できる人はいますか?

「いいね!」 1


はい、私も同じ問題を抱えています。画像のないものには「注目の」タグすら付いていません。

機能リクエストのアイデア

EDiT は、私が説明したとおりに機能するはずです。 :man_facepalming:

しかし、Air テーマでは以下のように空白になります。何が間違っているのでしょうか?必要であれば、サイトリンクをDMします。

OPの最初の投稿に画像が2つあるトピックがあります。画像は投稿の最初にあります。

テーマコンポーネントを最近インストールしましたが、これらの2つの機能を追加していただけると素晴らしいと思います。

  1. 次へおよび前へボタン
    このコードを参照しましたが、カスタマイズにどのように追加すればよいかわかりません。

https://stackoverflow.com/questions/65833297/add-prev-next-buttons-to-scroll-container-with-css-and-jquery

  1. ユーザーが以前のすべてのニュースを表示した後、追加のコンテンツを読み込めるようにする

これは、デスクトップとモバイルの両方でユーザーに最適なエクスペリエンスを提供し、同時にソーシャルネットワーク上のストーリーアプリケーションに慣れるのに役立ちます。また、Googleが現在ストーリーコンテンツに非常に興味を持っている多くの記事も見られます。

これはデスクトップとモバイルでの私のカスタムです。


https://businesslab.vn で表示

「いいね!」 3