게시물 목록 미리보기(TLP)

**이것은 테마 컴포넌트(Theme Component)**이지만 보완용 플러그인을 추가할 수 있는 옵션이 있습니다.

:information_source: 요약 토픽 목록에 이미지와 발췌문(그리고 더 많은 것들!)을 추가할 수 있으면서, 어떤 목록에 어떤 추가 요소가 표시되는지 구성할 수 있는 원래의 토픽 미리보기(Topic Preview) 컴포넌트입니다.
:hammer_and_wrench: 리포지토리 링크 GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub
:open_book: 설치 가이드 Installing a theme or theme component
:heart: 스폰서십 이 컴포넌트가 마땅히 받아야 할 유지보수를 받고 향후에도 여러분의 사이트에서 계속 작동할 수 있도록, 여러분의 또는 조직의 자원과 필요에 맞는 수준으로 제 오픈소스 작업의 상시 스폰서가 되어 주십시오.

이 테마 컴포넌트를 즐기고 계신가요? GitHub에서 :star:를 눌러 주세요.

이 테마 컴포넌트 설치

https://meta.discourse.org/t/discourse-bars-a-sidebar-framework/298216!와 함께 매우 잘 작동합니다!

개요

Topic List Previews를 사용하면 다음을 수행할 수 있습니다:

  • 토픽 목록에 섬네일, 발췌문, 참여자 아바타 및 토픽 통계를 추가합니다
  • 전통적인 행(row), 반응형 타일 또는 메이슨리(masonry) 스타일 레이아웃을 사용합니다
  • 토픽 목록, 카테고리 및 태그별로 미리보기를 독립적으로 구성합니다
  • 섬네일 크기, 해상도, 대체 이미지(fallback) 및 표시 한도를 제어합니다
  • 더 큰 특징 있는 타일로 선택된 토픽을 강조합니다
  • 토픽 목록 위에 필요에 따라 필터링되고 정렬된 ‘추천(Featured)’ 토픽을 추가합니다
  • 섬네일, 발췌문 및 작성자 세부 정보로 전체 페이지 검색을 강화합니다
  • 활동 페이지에 사용자 월(User Wall)을 추가합니다 - ‘포트폴리오’ 기능

사이드카(Sidecar)

이것은 ‘사이드카 플러그인’으로 보완할 수 있습니다: https://github.com/merefield/discourse-topic-previews-sidecar-pro

이것은 현재 월 $7 이상을 기여하는 제 GitHub 스폰서에게만 접근 권한이 있는 개인 리포지토리입니다.

다음과 같은 기능을 추가합니다:

  • ‘액션’ — 토픽 목록에서 바로 북마크, 공유 및 좋아요
  • 섬네일 선택기 — 토픽 전체에서 원하는 이미지를 선택
  • 선택된 섬네일에 기반한 주색(Dominant-colour) 배경
  • YouTube 섬네일의 검은색 테두리 자동 제거
  • 토픽 게시물 재빌드 시 선택적 섬네일 재생성
  • 구성 가능한 발췌문 길이 및 선택적 링크 제거
  • 채택된 해결책 및 Q&A 답변 미리보기
  • 최신 게시물의 발췌문 표시 옵션
  • 미리보기 클릭 시 최신 게시물로 이동하도록 설정하는 옵션
  • 검색 결과에 섬네일 미리보기 표시
  • 사용자별 저해상도 섬네일 선호도 설정

플러그인 설치 가이드: Install plugins on a self-hosted site

테마 컴포넌트는 최소한 필요하며, 플러그인은 선택 사항입니다.

이러한 설정은 사이트 전체 또는 카테고리별 기반으로 모든 토픽 목록 또는 선택된 토픽 목록에 적용할 수 있습니다.

이러한 유연한 기능 집합을 사용하면 다양한 토픽 목록 스타일을 만들 수 있으며, 여기에는 다음이 포함됩니다.

기본 스타일 (Basic Style)

관련 설정
  • 토픽 목록 섬네일
  • 토픽 목록 발췌문
  • 토픽 목록 액션

Pinterest (Masonry) 스타일, 즉 ‘타일’

관련 설정
  • 토픽 목록 타일
  • 토픽 목록 섬네일
  • 토픽 목록 발췌문
  • 토픽 목록 액션
  • 토픽 목록 섬네일 너비
  • 토픽 목록 섬네일 높이

설정 topic_list_tiles_wide_format 뒤에 숨겨진) 와이드 포맷 옵션을 제공합니다:

이것은 반응형으로 작동하므로, 충분한 폭이 주어지지 않으면 메이슨리 형식으로 축소되고(그 반대도 마찬가지입니다).

추천 이미지 (Featured Images)

관련 설정
  • 토픽 목록 추천 이미지 태그
  • 토픽 목록 추천 이미지 수
  • 토픽 목록 추천 너비
  • 토픽 목록 추천 높이
  • 토픽 목록 추천 제목
  • 토픽 목록 추천 발췌문
  • 토픽 목록 추천 순서

발췌문 토글 (Toggling Excerpts):

이것은 얼마 전 제 AI 토픽 요약 플러그인과 함께 사용하기 위해 도입했습니다.

TLP(토픽 목록 미리보기)에 사용할 수 있습니다:

실제 사용 예시 :seedling:

지원 (Support)

무료로 보장된 지원을 제공하지 않습니다. 제 골드(GOLD) 또는 플래티넘(PLATINUM) 월간 스폰서십 티어 중 하나에 가입하는 기업이나 기관에 대해서는 지원을 제공할 수 있습니다.

또한 일회성 버그 헌트(버그 조사) 옵션도 있습니다.

54개의 좋아요
Facebook-like Feed?
Topic List Previews (legacy)
A more social Discourse layout
Discourse AI Topic Summary :robot:
Hi, is there a plugin for user image galleries?
Imageboard layout for topics (topic excerpts)
I want to create a Theme/Theme component as shown in the picture below!
Changing views to creating date?
What are good plugins or theme components for a forum emphasizing pictures?
New Photography Theme
Search results page displays topics title that I cannot click
Discourse.stpl and discourse.tlp
Enabling a plugin for a specific theme only
Undefined column 'boomarks.post_id' after update
Attempted to upgrade and I think I messed something up
Allow users to block keywords
How to display posts as blocks?
Option to select format and compression degree for thumbnails
FKB Pro - Social theme
FKB Pro - Social theme
Multiple installs of user portfolio
Any plugins that show MEDIA on forum index?
FKB Pro - Social theme
Topic List Sort - Random
How can I change the background of a certain topic?
Homepage plugin for displaying recent topics, latest members, popular threads, and similar elements
Some posts showing 'ignored content'
Topic details under title
FKB Pro - Social theme
How to set summary word count?
Ghost Theme
2023: The Year in Review
Can the homepage display images within the Topic feed?
Expand new posts in topics in "Unread" and "New" to full summary
Can we get a custom PROFILE up?
Topic Author
Is it possible to display the thumbnails in Docs?
All links to categories broken?
Discussion grid latest
Video thumbnails issue
Is there a Kanban theme for Discourse?
Carousel sliders with Featured Tiles component on mobiles?
How to display posts in grid?
FKB Pro - Social theme
Can discourse be used entirely through the APIs to build a flutter app?
2024: The Year in Review
How can I set the search results displayed in grid or mansionry
Visually better separate topics on the home page
Can Discourse achieve this kind of card UI layout for topics?
Creating a Unique Gallery Layout for a Category
View count on fakebook theme
Display post content in homepage
Create a forum with the same interface and functions
Help with display home screen look
Is there a way to display topic contents in category view?
How can I make my forum look like this one?
Homepage Feature
Cannot see the multiple posts selection icon on desktop view
Fakebook Theme
Is it possible to add posts to a profile?
Don't show grid, just topics list
Guest Gate Theme Component
Visual newsfeed as community home
Visual newsfeed as community home
Posts appear twice on homepage
Looking for feedback on my new Discourse site ✨
Featured Topics
PAID - Seeking Discourse Developer for Custom Portfolio Feature
Eliminate YouTube thumbnail black bars
This theme (or component) msg doesn't go away
How to create a banner with link in the image?
Chat channels and chat nav seem to have broken
Topic List Previews (legacy)
Adding Like Dislike Buttons And Inline Replies To Redditish Theme
News on the sidebar
2021: The Year in Review
Topic excerpts appearing after update to Discourse 2.8
Thumbnail of topic
Extend Topic List Thumbnails TC with like button
Infinite scrolling is a total pain
Developing a component or plugin similar to topic list thumbnails or topic list previews
No Thumbnail for Unlisted Vimeo Videos
Plugin vs. theme component

Is there a way to make the featured image order based on the time the tag is added. Currently it brings the featured image of the topic which has recent activity thus pushing the latest tagged images down.

For example If I have 10 images I mark 5 of them as featured now those 5 are shown in the top bar. If I add 5 more tags these will replace the existing 5. But If any of the previous 5 topics have any comments or posts that image is brought to the front now.

3개의 좋아요

Tag? No, but there is this option to order by Created date:

image

1개의 좋아요

Warning: I’m going to be pushing a Tiles (item) layout change very soon. If you have some CSS tweaks these might need to be … erm … tweaked:

I promise I won’t do this very often, but this one is to tidy things up and facilitate some new functionality that might be appearing in the future …

Currently the change is on the beta branch.

3개의 좋아요

Yes that option helps a bit, but if any of the older post has any update then it comes in front.

2개의 좋아요

I’m only using the native options available within Discourse API (it’s a Theme Component at heart so you can’t change the API). When I get chance I’ll have a look at the ordering again. However, this came up a little while back and I made a change to help one of the users. Topic List Previews (legacy) - #1154 by merefield. I’m surprised this isn’t working as specced. You’d expect a Topic’s created_at to remain static despite new posts? Are you sure you’ve changed the setting and refreshed the browser?

3개의 좋아요

@raghukamath I’ve just tested this and it seems to be working as intended? It still will not change order in response to new Posts and respects created_at date. Please refresh your browser and try it again.

3개의 좋아요

Okay no problem. I’ll test more. May be I got confused due to the behaviour when option is enabled. Sorry to trouble you so much.

One other issue my members highlighted is about the unread and read topic color css fix not being applied to mobile browsers.

1개의 좋아요

Yes, that was still outstanding as previously stated. I’ll try to ship that with the layout update described above, probably within a few days.

Hi I was trying to work with the git depreciated plugin when I couldnt override the css on mobile thumbnail. Kept reverting to height of 80px. Started searching and saw it was moved to component. Will I have the same issue and need to clone the component to change it or is there another workaround? I want mobile to have full width on the mobile browser.

Would the layout here not suit your needs: Topic List Previews (TLP) - #4 by merefield suit your needs? The new tiles have full width thumbnails. This is currently on the beta branch. Install that if you wish as an additional Theme Component and try it out. Remember to specify the branch when installing and edit the Theme Component name to make it clear it’s the Beta.

1개의 좋아요

This definitely would. I have it full width now how I wanted. Thank you.

1개의 좋아요

I’ve merged the beta branch:

  • the tiles internal styling has been modernised and tidied up. Thumbnails are now full width of column.
  • there are a number of CSS simplifications
  • mobile has had some minor layout improvements for non-tiles.
  • tiles titles should reflect prior visits on mobile now too.

https://github.com/merefield/discourse-topic-list-previews-theme/pull/7

4개의 좋아요

Hi there,

Thank you for this amazing component! I love the design :heart_eyes:

I’m relatively new in Discourse and don’t know much about the technical terms.

I have been having trouble with the images not showing in the list component. For some reason the images do show in the preview of the component but when I load the real thing the images aren’t there anymore.


^ This is the preview of the component

1개의 좋아요


^ This is how it looks when I load the real page

Now, I believe it has something to do with my discourse settings??

Is there a specific setting that has to be activated for this component to work? I really do not know why it is not working the way it should…

1개의 좋아요

Hi there, thanks for your interest.

A couple of things:

  • If you’ve never installed a similar component or plugin before there may be a delay before all the thumbnails are generated. This is a batch process and takes time. This process should start running in the background automatically once you’ve installed the component and added it to a theme. Check out your sidekiq queue. You may see a lot of queued jobs.
  • it’s necessarily not compatible with just any theme, there is always a possibility there is a clash: it’s only developed and designed with the default theme. Please test it on your site with just the default theme initially. You can adapt its look and feel but that will need to be based on this components special artefacts.
1개의 좋아요

Hi Robert,

Thank you for your reply! I’ll test what you suggested in my site :slight_smile:

1개의 좋아요

Hi Robert. Im bringing in a table with 3rd party javascript below the header and script breaks the previews when I use it in a component. Any ideas on a workaround?

If there’s an error in that script which is stopping javascript from executing, that could break TLP layout code which requires javascript to be on best behaviour. Look for red errors in your browser console.

1개의 좋아요

Hi I enabled the created at date option as you suggested. It somewhat solves the issues. but I think in older plugin the order was set according to the date the post was tagged. Also the problem of older image appearing in front page on any update or reply to the topic makes it hard for a recent image to stay featured. Suppose I make an image featured and if some older post from a year ago gets a new reply the front page will have that post’s featured image. If many odler post get replied then newly tagged featured image go away.