추천 타일

:discourse2: 요약 Featured Tiles는 주제 목록 위에 추천 타일 한 줄을 추가합니다.
:eyeglasses: 미리보기 Discourse Theme Creator에서 미리보기
:hammer_and_wrench: 저장소 링크 https://github.com/discourse/discourse-featured-tiles
:open_book: Discourse 테마를 처음 사용하시나요? Discourse 테마 사용 입문가 가이드

이 테마 컴포넌트 설치

기능

Featured Tiles는 주제 목록 위에 추천 타일 한 줄을 추가합니다.

호버 시 주제 제목과 작성자가 표시됩니다:

주제 소스를 선택하는 데 사용할 수 있는 다양한 옵션이 있습니다. 이미지는 태그, 카테고리 또는 ‘상위 주제’ 시간 범위를 사용하여 가져올 수 있습니다. 이미지는 현재 보고 있는 카테고리로 범위를 지정하거나 사이트 전체에서 가져올 수 있습니다.

사용자가 현재 기기에 배너를 숨길 수 있도록 사용자 인터페이스 설정에 옵션이 추가됩니다.

설정

이름 설명
featured category 추천 주제를 포함하는 카테고리. 모든 카테고리를 선택하려면 0으로 설정합니다. '카테고리로 범위 지정’이 이 설정을 덮어씁니다.
featured tags 추천 주제를 포함하는 태그. 이는 공개적으로 표시되어야 합니다.
topic source 주제를 선택하는 데 사용할 알고리즘
top period "topic_source"가 "top"으로 설정될 때 사용되는 시간 범위
randomize topics 주제 선택 및 순서 무작위화
display when unfiltered 필터링되지 않은 최신 페이지에 표시
display on categories 카테고리 페이지에 표시
display categories 이 카테고리를 볼 때 타일을 표시합니다. 모든 카테고리를 표시하려면 공백으로 두세요
maximum topic count 표시할 최대 주제 수
scope to category 주제를 현재 카테고리로 필터링
display mobile 모바일 장치에 표시
번역 기본값
preference_header 추천 주제 배너
preference_description 이 기기에 추천 주제 배너 표시

:discourse2: 우리가 호스팅을 하고 있나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

38개의 좋아요

Wow.

This is amazing! It will attract even more clicks on my forum.

@david although not selected, its showing up on categories page. Also, if a topic has no images, can we set up a default image?

Captura de Tela 2020-07-12 às 17.07.12

Edit: a member told me its only works on MacOS, cause he can’t see anything.

nice and functional theme :v:.

how is it different from Homepage Feature Component? is it just about the style or there are some more in-depth differences?

1개의 좋아요

It is mostly the style. Plus the Homepage Feature Component is only designed to use on the homepage. This one works in a few more places.

3개의 좋아요

Can you ask the member to check their browser error console? And also let us know which browser they are using?

Firefox

Chrome

That error looks like it’s coming from another theme component. Can you try disabling them one-by-one?

4개의 좋아요

Hi,

With this configuration, the tiles should appear in all category pages right? My featured tag is “destacado”, however tiles do not show in the category page.

2개의 좋아요

is it the same as the theme Topic List Previews

No it’s not the same. The “Featured Tiles Theme Component” in this topic is officially maintained by the Discourse team, and it only provides what you see in the screenshot. “Topic List Previews” is a third-party plugin and/or theme with a different design and featureset.

2개의 좋아요

I love this.

Is there a way to have it only pull from topics with photos/images? Otherwise it seems pretty discordant when there is a row of empty grey boxes and an occasional photo.

Thanks,
Ray

2개의 좋아요

@david how i can increase the quality of the pictures, and probably the size to 180x80, thanks

It should be using 200x200 images on regular screens, automatically scaling up to 400x400 on hidpi screens.

Are you seeing something different?

Can i send you PM, because my forum is age restricted.

1개의 좋아요

Thanks for the link. Looking at the site, the problem is that the images are portrait. So we are constraining a 3072x4608 image into a 200x200 square, which makes it 133x200. Then we’re ‘filling’ a 222x150 box with it. So we’re displaying an image 133 pixels wide into something 222 pixels wide.

One solution here is to stop ‘filling’ the banner with the image, and ‘fit’ it instead. That’s the approach we take in the topic list thumbnails:

Adding a new setting to the theme component for this would be pr-welcome if someone would like to work on it.

7개의 좋아요

This looks great, I like that the tiles don’t overwhelm the UI. I had a couple questions about configuring it.

I haven’t been able to get the featured tiles to appear on my category pages - only the homepage. My configuration is below (with my category names blacked out since we don’t want to share those right now). Anything I’m missing here?

Current config

My second question - is there a way to set default images to use for the tiles, as opposed to ones pulled from the topics? We’re often going to have topics to feature that don’t have images, but still want it to look nice. If there’s not a built-in way currently, would that mean modifying the CSS or JS?

2개의 좋아요

Hi David!

Amazing theme component. Like others have asked. Is there a way to add default images for topics without pics?

Ie Featured1.img Featured2.img if no image is detected?

Also have an issue with Component recognizing a tag that is visible to all but says cannot find tag when I try add it.

1개의 좋아요

Is there a specific image type (.jpg, .png, .tiff) that this works with? Images not showing up from 2 of 3 topics which I tagged, though the topic itself shows up.


OS - Mac 10.15.7 (Both Chrome, Safari and iOS version appear the same)

1개의 좋아요

the theme shows blank gray banner when activated on the site:

though the tag option is clicked and there are some topics on the feature-tag.

Agree. Still wondering if there is a work around to searching the entire topic for an image to use if one is there? Or will it ONLY take from the first post?