사진을 강조하는 포럼에 좋은 플러그인이나 테마 컴포넌트는 무엇인가요?

커뮤니티 구축
1

안녕하세요!

이미지에 초점을 맞춘 디스코urses(Discourse) 포럼을 만들고 있습니다. 적어도 대부분의 카테고리는 이미지에 중점을 둘 예정입니다.
예전에 예술, 특히 사진에 전념하는 디스코urses 포럼을 하나 이상 본 기억이 납니다.
예를 들어, 각 주제의 첫 번째 이미지를 보여주는 주제 목록의 대안적 미리보기를 가지고 싶습니다.

제 목표에 적합한 플러그인/테마/컴포넌트(공식적인 것이 우선)를 아시는 분 있나요?
이런 종류의 커스터마이징을 사용하고 콘텐츠를 "이미지 우선"으로 제시하는 기존 디스코urses 포럼의 URL이 있다면 알려주시겠어요? (단, 텍스트나 설명도 중요할 것입니다)

더 정확히 말하면, 제가 마음속에 그리고 있는 것은 Reddit 와 같은 대기 광학 현상에 전념하는 포럼입니다.
따라서 사진은 중요하지만, 대부분의 사람들이 존재조차 모르는 경이로운 것들을 발견하는 곳이자, 명확하고 단순한 텍스트 설명(위키피디아의 “simple.” 버전 같은)을 제공하는 곳도 되고 싶습니다.

배우고 공유할 수 있는 공간이죠.

저는 이제 막 시작해서 카테고리만 만들었습니다. 현재는 다음과 같이 보입니다:

image
image1199×1334 138 KB

현재는 Category Icons 만 사용하고 있습니다.

6개의 좋아요
2

Topic List Previews 테마 컴포넌트는 이 설명에 쉽게 부합합니다.

6개의 좋아요
3

아마도 흥미로운 내용

6개의 좋아요
4

@davidkingham 님은 https://community.naturephotographers.network 에서 많은 커스터마이징을 적용한 사진 사이트를 운영하고 있으니 참고해 볼 가치가 있을 것 같습니다.

Topic List Thumbnails 와 Featured Tiles (그 외에도 여러 가지!)를 사용하고 있는 것으로 보입니다.

8개의 좋아요
5

저는 현재 Topic List Thumbnails 플러그인을 사용하고 있으며, 예전에는 Topic List Previews도 함께 사용했습니다. 두 플러그인 모두 여러분이 원하는 기능을 제공하지만, 주로 외형이 약간 다를 뿐입니다. TLP(Topic List Previews)는 사용자 정의 기능이 조금 더 풍부합니다.

9개의 좋아요
6

정말 감사합니다. 제가 찾고 있던 바로 그거였어요!
Masonry 레이아웃도 시도해 봤는데, 기본적으로 날짜별로 표시되도록 되어 있는 콘텐츠에 이 프레젠테이션 방식은 좀 혼란스럽다고 생각했어요.

어쨌든, 여러분이 제안해 주신 덕분에 점점 괜찮아 보이는 것 같아요. 이런 세밀한 설정들을 더 탐색해 보고 싶네요.

image
image1442×1053 212 KB

8개의 좋아요
7

궁금한 게 있는데, 그 상단 바에 사용 중인 플러그인이 뭐예요?

1개의 좋아요
8
3개의 좋아요
9

상단 바가 이 부분을 의미한다면

This is an image of a computer monitor displaying the home page for a website called "Welcome to SkyOddities!". The page features a black background with white text and three icons representing the website's services. (Captioned by AI)
This is an image of a computer monitor displaying the home page for a website called "Welcome to SkyOddities!". The page features a black background with white text and three icons representing the website's services. (Captioned by AI)1482×267 66.3 KB

이것은 Welcome 링크 배너 테마 컴포넌트입니다

저는 포럼에서 이 컴포넌트의 커스텀 버전을 실행 중입니다

Above main container 모드:

The image displays a dark purple background with white and light blue elements, and includes a menu with icons and text. (Captioned by AI)
The image displays a dark purple background with white and light blue elements, and includes a menu with icons and text. (Captioned by AI)1065×257 83.7 KB

Below site header 모드:

The image displays a colorful user interface with a list of tabs, including options for notes, updates, dev, meta, gits, shipped, mail, and settings. (Captioned by AI)
The image displays a colorful user interface with a list of tabs, including options for notes, updates, dev, meta, gits, shipped, mail, and settings. (Captioned by AI)1069×219 80 KB

위 결과에 대한 CSS 코드 (컴포넌트에서 설정된 배너 배경 이미지와 아이콘 제외) 
// banner links

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .welcome-content, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .welcome-content {
    display: none;
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link {
    padding: 0em;
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
    width: 95%;
    margin: 1.5em auto;
    background: rgba(black, .8);
}

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link>div a .d-icon, 
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link>div a .d-icon {
    margin-bottom: .2em;
}
4개의 좋아요
10

더 복잡한 기능이 필요하시다면 Versatile Banner도 살펴볼 가치가 있습니다:

5개의 좋아요
11

좋아요, 여러분 고마워요!

1개의 좋아요
12

안녕하세요, 디스코urses 포럼을 성공적으로 운영하게 되셨나요? 레딧에서 완전히 이동을 계획하고 계신가요?

13

그런 의도는 없었고, 제 프로젝트를 취소했습니다. 하지만 대기 광학에는 여전히 관심이 있어서 가끔 전용 서브레딧을 보고 있습니다 :rainbow:

1개의 좋아요