Topic List Previews (legacy)

This is now a Theme Component, the plugin is deprecated

The new Topic is Topic List Previews Theme Component - theme - Discourse Meta

GitHub-Mark-32px Repository: get the code here

See further here: Pavilion

sandbox Examples: check out the list further down.

:raising_hand_woman: Request a feature

:bug: Report a bug

:heart: Donate: we are reviewing our donations system. Please check back later :).

:man_technologist: Maintainers: @merefield

Overview

Topic List Previews allows you to:

  • Add images, excerpts, buttons and topic stats to topic list items; and

  • Change the layout and style of topic list items

  • Add ‘Featured’ topics above topic lists and topics.

  • Add User Wall to User’s activity page (aka ‘Portfolio’ Feature).

These settings can be applied to all or selected topic lists on a site-wide or category-specific basis.

This flexible feature-set allows you create a variety of different topic list styles, including

Basic Style

Relevant settings
  • topic list thumbnail
  • topic list excerpt
  • topic list action

Pinterest (Masonry) Style aka ‘tiles’

Relevant settings
  • topic list tiles
  • topic list thumbnail
  • topic list excerpt
  • topic list action
  • topic list thumbnail width
  • topic list thumbnail height

Featured Images

Relevant settings
  • topic list featured images tag
  • topic list featured images count
  • topic list featured width
  • topic list featured height
  • topic list featured title
  • topic list featured excerpt
  • topic list featured order

The main and Discovery settings are in Settings → Plugins. The Category equivalent are in each Category’s Settings.

Examples in the Wild :seedling:

More info:

Much more info available at: Pavilion

Contributors :raised_hands:

Many folks have contributed to the development of this plugin through both feedback and direct development work. In particular:

107개의 좋아요
What plugins do you recommend?
Topic list custom view
Display images with topics list
Embed.ly support
2018: The Year in Review
Discourse as Homepage/Main
Is there a 'reddit' style discourse theme / plugin?
The topic list doesn't need a category column
Creating a "Featured Categories" homepage banner
News Plugin :newspaper:
Move tag to a column
CMS for Discourse
Images in posts versus topic-list-previews
Topic content previews
Image miniatures
How would I able to list topics as boxes
Discourse as a simple personal blog engine
2019: The Year in Review
Sam's Simple Theme
Alter placement of currently selected Top Menu item
Unable to replace topic-list-item.raw.hbs / topic-list-item.hbr on mobile
This theme (or component) msg doesn't go away
Problems with thumbnails from Soundcloud and YouTube oneboxes
Incomplete topic titles beginning with a number can have odd behavior
Visual Video Forum
Onebox topic previews in the topic list
After updating to 2.8.0.beta8, nothing shows as "read" anymore
MD Topic List component
Deals type website UX
Show hearts icon from categories view on each topic
Pin your favourite topics to the top
Blog Post Styling
Possible to create a news site with pics and videos
Unofficial plugins management during updates
Facebook-like User Wall?
2020: The Year in Review
How to access Category custom fields in Plugins
Rotating banners
Using Discourse as a social media platform
Update problem help pls
Heeeelp, blank website after rebuild
Error: PG::UndefinedColumn. Custom field not creating column
Featured Tiles
Displaying Views in Topic view (with no replies)
Discourse Retort
How can I make a Discourse forum as "reddit like" as possible
How to have topic description on top page
Sam's Simple Theme
Is there a 'reddit' style discourse theme / plugin?
Category-specific message or pinned topic
Our solution for blurring NSFW content
How do you add the Category column?
Profile, Feature and Explorer grid galleries and friend option
Facebook-like Feed?
Best way to implement Excerpts in topic list?
Changing sidekiq job urgency
Latest view broken on tablet
Is there a media library for looking at all uploaded Images and their URL?
Set the image used for social network sharing?
Set the image used for social network sharing?
Angus' Events Plugin :calendar:
Broken images move to tombstone
Need Help imitating a Theme
In-post links to topics - no longer update to the initial posts title
Discourse Setup for KDE
Migrating from FB Groups to Discourse - help with features/functions
Auto-quoting early posts and why its so needed for big communities
How to make a discourse forum look like forum.glamour.de
How do I show a topic description in category view?
How to move the category into a column in 'Latest'
Category descriptions display hyperlinks, but About category topic previews do not
[PAID] Discourse developer/designer to redesign homepage (tight deadline!)
How can I save a topic for offline access/archive purpose?
Replacing Slack by Discourse

좋아요, Topic List Previews의 모든 사용자는 아래 내용을 꼭 확인해 주세요.

플러그인 사용 시 안전하게 업데이트하는 방법:

Pavilion의 업데이트 일정

Topic List Previews는 Pavilion 계열의 오픈소스 플러그인 중 하나입니다.

앞으로 Pavilion은 매월 첫 5일 동안에만 핵심 플러그인 세트가 Discourse Core의 tests-passed 브랜치와 호환되도록 보장하는 데 집중할 것입니다.

호환성 문제로 인해 발생하는 버그는 이 ‘지원 기간’ 동안 최대한 빨리(가능한 한 7일 전까지) 처리될 것입니다. 심각도가 낮거나 Beta 기능 관련 버그는 해당 날짜까지 해결되지 않을 수 있지만, 포럼을 ‘깨뜨리는(breaking)’ 명백한 문제는 해결되어야 합니다.

이 새로운 정책은 2020년 5월 1일부터 시행됩니다

이 정책을 도입하는 이유

우리는 Discourse 코어의 변경 사항에 대해 통제할 수 없습니다. 그렇게 되어야 합니다. 그러나 우리의 플러그인이 성장하고 더 정교해지면서, Discourse의 모든 업데이트와 호환성을 보장하는 것이 점점 더 부담이 되고 있습니다. 즉각적인 호환성을 유지하는 것은 더 이상 불가능해지고 있습니다.

개발자가 플러그인 지원 외에도 다른 우선순위에 집중할 수 있도록 숨 쉴 공간을 마련하기 위해, 매달 매일 Discourse와의 호환성을 보장하지 않을 것입니다.

이 정책은 또한 더 많은 안정성을 달성하고, 언제 더 안전하게 업데이트할 수 있는지에 대한 확실성을 높이는 데 도움이 될 것입니다.

업데이트 수행 방법

매월 첫 5일 동안 프로덕션 Discourse 인스턴스(Discourse 코어 및 우리 플러그인)를 업데이트하도록 하세요. 겪는 문제가 있다면 Meta의 관련 플러그인 토픽에서 알려주세요. 이 기간 동안 Pavilion 팀으로부터 해당 플러그인 문제에 대해 더 집중적인 지원을 받을 수 있습니다.

월 초 5일 이후에 프로덕션 서버를 업데이트하는 것은 본인의 책임입니다. 그렇게 하다가 우리 플러그인 관련 문제가 발생하면 보고해 주시기를 권하며, 적절한 경우 해결될 때까지 우리 플러그인을 제거해 주세요. 불행히도 다음 달 초의 다음 지원 기간까지 수정하지 못할 수 있습니다.

더 큰 안전을 위해

프로덕션 사이트의 백업으로 만든 자체 스테이징 서버에서 업데이트를 테스트하는 것을 고려해 보세요. 사이트가 크거나 인기 있으며/또는 비즈니스의 일부라면 특히 중요합니다.

이 서버를 나머지 달 동안 꺼두어 가동 시간 요금을 내지 않도록 할 수 있습니다. 이 기회를 활용하여 플러그인 문제를 식별하기 위해 모든 기본 기능을 테스트해 보세요. 모든 중요하고 긴급한 문제를 관련 플러그인 토픽에 최대한 빨리 보고해 주세요.

스테이징 사이트를 사용 하면 업데이트 시기에 대해 더 많은 재량을 가질 수 있지만, 달 후반부에는 지원이 상대적으로 부족하다는 점을 유의하세요.

이해해 주셔서 감사합니다!

(곧 이 정책 노트를 모든 핵심 플러그인에 추가할 예정이며, 이 토픽의 OP에도 추가했습니다).

8개의 좋아요

하이브리드 뷰에서 ‘최신’ 토픽의 토픽 목록 미리보기 썸네일 표시가 가능한가요?

1개의 좋아요

네, 이 템플릿을 수정하고 관련 설정 및 라우트 지원을 추가하면 가능할 수 있습니다: https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/components/latest-topic-list-item.hbs

공간 부족으로 인해 우선순위가 낮게 설정되었습니다. 최근 우선순위는 알려진 버그를 해결하는 것이었습니다.

그리고 사실 저도 생계를 위해 일해야 하니까요 :wink: 코어에서 변경 사항이 발생할 때마다 이 플러그인을 정상적으로 유지하는 것만으로도 상당한 작업이 필요합니다. 그리고 기능을 추가할수록 더 그렇습니다 …

2개의 좋아요

커뮤니티 여러분, @ozkn님의 글을 이어가서, Tiles 메타의 경우 아이콘이 좋으신가요, 아니면 텍스트가 좋으신가요?

즉, 현재와 같이:

아래와 같은 스타일로 업데이트할까요?:

  • 텍스트 유지
  • 아이콘 사용
0 voters
2개의 좋아요

꽤나 자명한 추세인 것 같으니 …

모든 새로운 요청에 대해 이렇게 빠른 처리를 약속할 수는 없지만, 해당 작업은 완료되었습니다:

image

즐겨보세요 :tada:

https://github.com/paviliondev/discourse-topic-previews/commit/c34db7f9d45d48d530442c0b58f118f0f8f7f241

모바일 포맷팅에 대한 기타 사소한 수정도 몇 가지 했습니다.

5개의 좋아요

@merefield 빠른 답변 감사합니다

2개의 좋아요

모두에게 알려드립니다. 치명적이거나 고위험 수준의 버그가 발견되지 않는 한, 이번 달 지원되는 업그레이드의 마지막 날입니다.

오늘 이후 업그레이드를 계획하고 계신 분은 스테이징 환경에서 해당 플러그인의 호환성을 확인해 주세요.

다음 달에는 동일한 5일 일정에 따라 “지원되는 업그레이드” 기간을 다시 진행할 예정입니다.

이해해 주셔서 감사합니다.

4개의 좋아요

Discourse가 썸네일 네이티브 지원을 제공하기 위해 상당한 변경 사항을 출시했습니다. 이로 인해 일부 기존 의존성이 깨졌습니다.

하지만 이는 플러그인을 단순화할 수 있는 좋은 기회입니다.

가능한 한 문제를 해결하고 새로운 Discourse 플랫폼 기능을 통합하는 작업을 진행할 예정입니다.

그동안 TLP는 최신 테스트 통과 버전의 Discourse와 완전히 호환되지 않습니다.

일부 경미한 호환성 문제를 감수할 수 있는 경우가 아니라면, 추가 통지가 있을 때까지 사이트 업데이트를 하지 마시기 바랍니다.

현재까지 파악된 가장 큰 문제는 다음과 같습니다:

  • hotlink 설정이 더 이상 작동하지 않으므로 비활성화되어 있는지 확인하세요. 썸네일 생성이 네이티브로 지원되기 때문에 이 기능을 제거할 예정입니다.
  • 썸네일 선택기에서 잘못된 미리보기가 표시될 수 있지만, 결국에는 정상적으로 작동하는 것으로 보입니다.

시간이 좀 걸릴 수 있습니다… 다음 달 초 이전에, 더 빠르면 그 전에 결과를 보여드릴 수 있기를 희망합니다.

9개의 좋아요

필드 업데이트 후 image_url이 https://meta.discourse.org/latest.json에서 찾을 수 없는 이유가 그것 때문인가요?

하지만 Data Explorer를 사용하면 찾을 수 있습니다. 그렇다면 왜 유지되지 않는 건가요?

업데이트를 기다리는 동안 수동으로 처리할 수 있는 방법이 있을까요?

1개의 좋아요

핫링크링을 끄는 것이 도움이 될까요?

업데이트에 시간이 조금 걸릴 수 있습니다. 현재 파빌리온 정책상 매월 1~5일 이후의 프로덕션은 지원하지 않습니다.

3개의 좋아요

참고로, 플러그인의 실험적인 테마 컴포넌트 버전을 작업하고 있습니다.

일부 기능이 누락되어 있고 여전히 여러 문제가 있습니다. 재미로 사용은 가능하지만, 아직 지원되지 않습니다!

7개의 좋아요

어제 다른 이유로 Discourse를 다시 빌드했는데, 업그레이드도 함께 진행되었습니다. 아직까지는 잘 작동하는 것 같습니다(우리는 핫링크를 사용하지 않습니다).

타일에서 조회수 및 답변을 표시하는 UI 개선에 대해 정말 감사드립니다. 또한 하트가 적절한 위치에 적절한 방식으로 표시되는 점도 좋습니다. 정확히 무엇이 바뀌었는지는 모르겠지만, 이전에는 하트가 너무 두드러지고 어디에나 눈에 띄는 느낌이었습니다.

제안 하나: 현재 하트 수는 첫 번째 게시물에만 관련되어 있습니다. 전체 주제(토픽)의 총 하트 수를 표시할 수 있을까요? 이는 수치를 높여 주제를 더 공정하게 반영할 수 있게 해줍니다(때로는 첫 번째 게시물이 1~2개의 좋아요밖에 없는데, 토론 자체는 매우 많은 관심을 받는 경우가 있거든요). 이는 전체 주제에 대한 조회수 및 답변 데이터와도 일치합니다.

아, 그리고 이미지를 원래 크기 이상으로 늘리지 않는 건 어떨까요? 현재 큰 이미지는 최대 너비 설정으로 줄어듭니다(좋습니다), 하지만 작은 이미지까지도 그 최대 너비로 강제 확장됩니다. 이는 픽셀화가 발생하므로 바람직하지 않을 수 있습니다. 제 생각에는 이미지를 자체 최대 크기로 중앙 정렬하는 것이 더 좋습니다.

3개의 좋아요

정말 좋습니다! 그러면 이제 섬네일이 S3에서 직접 제공되는 대신 S3 CDN URL을 통해 제공된다는 뜻인가요?

토픽 목록 미리보기 작업에 대해 정말 감사드립니다!

2개의 좋아요

감사합니다!

이 부분은 Discourse 팀과 명확히 해야 할 사항입니다.

Theme Component 버전은 David가 여기에서 논의해 온 코어 API의 신규 확장 기능을 지원할 가능성을 탐색하기 위해 개발되고 있습니다.

Theme Component에는 API가 포함되어 있지 않으므로, 이러한 기능이 어디서 제공되고 어떻게 처리될지는 Discourse 측에 달려 있습니다.

이 새로운 API 확장은 썸네일을 노출합니다. 과거에는 이 플러그인이 썸네일을 생성했습니다. 가능하다면 해당 로직을 제거하는 데 기꺼이 협력하겠습니다. 다만, 이를 위해 Discourse 측에서 완전한 기능 수준에 도달하기까지 추가 작업이 필요할 수 있습니다.

1개의 좋아요

좋은 피드백 주셔서 감사합니다!

그것이 쉽거나 성능 면에서 효율적일 것이라고 약속할 수는 없지만, 좋은 아이디어입니다!

타일(Tiles)의 경우 이는 작동하지 않을 것입니다. 이미지가 타일 너비의 대부분을 차지하지 않으면 매우 이상해 보일 테니까요. 덜 흐릿해 보일 수는 있겠지만, 페이지에 임의의 새로운 수직 경계가 생기기 때문에 다소 어지러워 보일 것입니다.

작은 이미지가 많다면, 열의 수를 늘리는 것도 해결책이 될 수 있습니다. CSS만으로 이를 수행할 수 있습니다.

또는 타일 뷰가 아닌 다른 뷰를 말씀하시는 것이라면, CSS를 사용하여 타일 밖 뷰의 썸네일 크기를 쉽게 작게 만들 수 있습니다.

1개의 좋아요

피드백을 찾고 계신지는 모르겠지만, 제 스테이징 사이트에서는 이렇게 보입니다 :crazy_face: TLP와 Topic Thumbnails를 비활성화해 두었습니다.

3개의 좋아요

다른 게시물의 크기에 맞춰 더 작은 이미지를 상자 안에서 수직 및 수평으로 중앙 정렬하면 어떻게 될까요?

2개의 좋아요

CSS를 자유롭게 실험해 보세요. 플러그인 버전을 사용 중이라면 테마 컴포넌트에서 토픽 목록 항목 템플릿도 오버라이드할 수 있습니다.

잘 만들어진 결과가 있다면 공유해 주세요.

1개의 좋아요

대표 이미지 image_url인가요, thumbnails인가요?
그렇다면 플러그인의 테마 컴포넌트 버전이 현재 문제를 해결합니까?

1개의 좋아요