추천 타일

: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개의 좋아요

와.

이건 정말 놀라워! 내 포럼에 더 많은 클릭을 유도할 거야.

@david 선택되지는 않았지만 카테고리 페이지에 표시되고 있어. 그리고 이미지가 없는 주제에 기본 이미지를 설정할 수 있을까?

Captura de Tela 2020-07-12 às 17.07.12

수정: 한 회원이 macOS에서만 작동한다고 말했어. 그 회원은 아무것도 볼 수 없다고 했거든.

깔끔하고 기능적인 테마네요 :v:.

홈페이지 기능 컴포넌트와 어떤 점이 다른가요? 스타일 차이뿐인가요, 아니면 더 근본적인 차이가 있나요?

1개의 좋아요

대부분은 스타일 차이입니다. 또한 홈페이지 기능 컴포넌트는 홈페이지에서만 사용하도록 설계되어 있습니다. 이 컴포넌트는 몇몇 다른 곳에서도 작동합니다.

3개의 좋아요

해당 회원에게 브라우저 오류 콘솔을 확인해 달라고 요청할 수 있나요? 그리고 어떤 브라우저를 사용 중인지도 알려주세요.

Firefox

Chrome

그 오류는 다른 테마 구성 요소에서 발생하는 것 같습니다. 하나씩 비활성화해 보시겠어요?

4개의 좋아요

안녕하세요,

이 설정으로 타일이 모든 카테고리 페이지에 표시되어야 하는 것이 맞죠? 제 추천 태그는 "destacado"인데, 카테고리 페이지에 타일이 표시되지 않습니다.

2개의 좋아요

이것은 Topic List Previews 테마와 같은 것인가요?

아니요, 둘은 동일하지 않습니다. 이 주제에서 언급된 "Featured Tiles Theme Component"는 Discourse 팀이 공식적으로 유지 관리하며, 스크린샷에서 보이는 기능만 제공합니다. "Topic List Previews"는 디자인과 기능 세트가 다른 서드파티 플러그인 및/또는 테마입니다.

2개의 좋아요

정말 마음에 들어요.

사진/이미지가 있는 주제에서만 가져오도록 설정할 수 있는 방법이 있을까요? 그렇지 않으면 빈 회색 박스가 줄지어 있고 가끔 사진 하나만 보이는 모습이 꽤 어색해 보이거든요.

감사합니다,
Ray

2개의 좋아요

@david 사진의 품질을 높이고, 아마도 크기를 180x80으로 변경하는 방법은 무엇인가요? 감사합니다

일반 화면에서는 200x200 이미지를 사용하고, hidpi 화면에서는 자동으로 400x400으로 확대되어야 합니다.

다른 현상을 확인하고 계신가요?

게시판이 연령 제한이 있어서, 쪽지를 보내도 될까요?

1개의 좋아요

링크를 보내주셔서 감사합니다. 사이트를 살펴본 결과, 문제가 되는 부분은 이미지가 세로형이라는 점입니다. 즉, 3072x4608 크기의 이미지를 200x200 정사각형에 맞춰 133x200으로 축소하고, 이어서 222x150 크기의 박스를 채우도록 하고 있습니다. 결과적으로 133픽셀 너비의 이미지를 222픽셀 너비의 공간에 표시하는 셈입니다.

해결책 중 하나는 배너를 이미지로 ‘채우는’ 방식을 중단하고 대신 ‘맞추기(fit)’ 방식을 사용하는 것입니다. 주제 목록 썸네일에서 채택하고 있는 방식이 바로 이것입니다:

이 기능을 테마 컴포넌트에 새로운 설정으로 추가하는 작업은 pr-welcome 이니, 관심 있는 분이 있다면 기여해 주시면 좋겠습니다.

7개의 좋아요

정말 잘 만들었네요. 타일이 UI를 압도하지 않는 점이 마음에 듭니다. 설정과 관련하여 몇 가지 질문이 있습니다.

현재 카테고리 페이지에 추천 타일이 표시되지 않고, 홈페이지에만 표시됩니다. 제 설정은 아래와 같습니다 (현재 공유하고 싶지 않아 카테고리 이름을 마스킹 처리했습니다). 놓친 부분이 있을까요?

현재 설정

두 번째 질문입니다. 토픽에서 가져온 이미지가 아닌, 타일에 사용할 기본 이미지를 설정할 수 있는 방법이 있을까요? 이미지를 포함하지 않은 토픽을 추천하는 경우가 많지만, 그래도 보기 좋게 표시하고 싶습니다. 현재 내장된 기능이 없다면, CSS나 JS를 수정해야 한다는 뜻인가요?

2개의 좋아요

데이비드, 안녕!

정말 멋진 테마 컴포넌트네요. 다른 분들도 질문하신 것처럼, 이미지가 없는 토픽에 기본 이미지를 추가하는 방법이 있을까요?

예를 들어, 이미지가 감지되지 않으면 Featured1.img나 Featured2.img를 사용하는 것처럼요.

또한, 모든 사용자에게 표시되는 태그를 컴포넌트가 인식하지 못하는 문제도 있습니다. 태그를 추가하려고 하면 "태그를 찾을 수 없습니다"라는 메시지가 나오거든요.

1개의 좋아요

이 기능이 작동하는 특정 이미지 형식(.jpg, .png, .tiff)이 있나요? 태그를 붙인 3개 주제 중 2개에서는 이미지가 표시되지 않는데, 주제 자체는 정상적으로 표시됩니다.


OS - Mac 10.15.7 (Chrome, Safari 및 iOS 버전 모두 동일한 화면으로 표시됨)

1개의 좋아요

사이트에서 테마를 활성화하면 다음과 같이 빈 회색 배너가 표시됩니다:

태그 옵션이 클릭되어 있고, feature-tag에 몇 가지 주제가 있음에도 불구하고요.

동의합니다. 그래도 이미지가 있는 경우 전체 주제에서 이미지를 검색하는 우회 방법이 있는지 궁금합니다. 아니면 첫 번째 게시물에서만 가져오게 되나요?