🖼️ 주제 갤러리

[Canapin (Coin-coin le Canapin)]

	요약	각 주제에 갤러리 뷰 추가
	미리보기	클릭하여 갤러리 예시 보기
	저장소 링크	https://github.com/Canapin/discourse-topic-gallery
	설치 가이드	Discourse에서 플러그인 설치 방법

설명

Topic Gallery는 토론 내 모든 이미지를 전용 페이지에 표시합니다.

사용 사례

이미지에 중점을 둔 커뮤니티 및/또는 사용자가 많은 사진을 게시하는 카테고리에 이상적입니다.

일반적인 주제 인터페이스나 기타 콘텐츠가 방해가 되지 않고, 전체적인 이미지 경험을 제공합니다.

모바일 뷰:

여기에서 직접 체험해 볼 수 있습니다. 주로 테스트 인스턴스이므로 가용성이 보장되지 않습니다.

기능

주요 기능

• 무한 스와이프! ^[1]

• 사용자 및 날짜 필터

• 지정된 게시글부터 갤러리 시작

• 그룹별 접근 권한

• 카테고리 기반 제외

• 현재 열려 있는 이미지 아래에 원본 게시글로 연결되어 길을 잃지 않습니다:
  

• 마우스를 올리면 그룹화된 이미지(같은 게시글에 속하는)를 표시합니다:
  

주제에서 갤러리로 이동

주제에서 갤러리로 이동하기 위해 여러 버튼이 제공됩니다:

• 타임라인 아래:
  

  

• 주제 끝부분:
  

• 각 게시글에 (설정에서 비활성화 가능):
  

  게시글에서 갤러리를 열면 갤러리가 필터링되어 해당 게시글부터 이미지를只显示합니다. 이 필터는 한 번의 클릭으로 취소할 수 있습니다:
  

갤러리 URL

갤러리 URL 구문은 일반 주제와 같지만 /t/가 /gallery/로 대체됩니다:

https://canapin.discourse.diy/t/share-your-pictures/10

https://canapin.discourse.diy/gallery/share-your-pictures/10

공개 JSON 엔드포인트도 있습니다:
https://canapin.discourse.diy/gallery/share-your-pictures/10.json

보안 및 쿼리

• 기능 접근 권한은 허용된 그룹과 허용된 카테고리로 제한됩니다.
• 갤러리는 원본 주제에 접근 권한이 있는 사용자로 제한됩니다.

업로드 쿼리는 다음을 제외합니다:

• 사용자가 업로드하지 않은 이미지
• 게시글이 아닌 참조(커스텀 이모지, 아바타 등)
• 현재 사용자가 접근할 수 없는 게시글의 업로드, 즉:
  • 속삭임(현재 사용자가 속삭임을 볼 수 없는 경우)
  • 숨겨진 게시글
  • 삭제된 게시글
  • 무시된 사용자의 게시글

갤러리 동작

• 핫링크된 이미지는 표시되지 않습니다.

• 작은 이미지는 표시되지 않습니다(최소 해상도는 설정에서 변경할 수 있음).

• 중복된 이미지는 한 번만 표시됩니다.

• 인용문 안의 이미지는 표시됩니다.

• 스포일러 또는 가시성을 변경하는 기타 블록 안의 이미지는 표시됩니다.

설정

이름	유형	기본값	설명
topic_gallery_enabled	boolean	true	주제 갤러리 플러그인을 활성화합니다.
topic_gallery_allowed_groups	group_list	admins	주제 갤러리에 접근할 수 있는 그룹.
topic_gallery_minimum_image_size	integer (0–1000)	64	갤러리에 표시되려면 이미지가 가져야 할 최소 너비와 높이(픽셀). 어느 한 차원이 이보다 작은 이미지는 제외됩니다.
topic_gallery_excluded_categories	category_list	""	주제 갤러리가 비활성화된 카테고리. 이 카테고리의 주제는 갤러리 버튼이나 갤러리 페이지가 표시되지 않습니다.
topic_gallery_post_menu_button	boolean	true	각 게시글 안에 갤러리 버튼을 표시합니다.

기본적으로 이 플러그인은 관리자에게만 활성화됩니다. 다른 그룹을 활성화하려면 설정을 방문하세요.

---

1. 첫 번째 배치의 이미지 끝에 도달하면 자동으로 다음 배치를 로드하여 추가합니다. ↩︎

[Canapin (Coin-coin le Canapin)]

드디어 이 플러그인을 출시했습니다

여기서 미리 볼 수 있습니다: Gallery - Share your pictures! - Canapin

[MarkoK]

정말 멋진 아이디어이자 구현이네요.
나중에 시도해 볼 건데, 이미지 팝업에서 이미지 아래에 설명을 표시할 수 있는 방법이 있을까요?

[NateDhaliwal]

대체 텍스트(alt text)를 사용할 수 있다고 생각합니다:

![여기에 대체 텍스트](upload://...)

위 이미지를 클릭하면 대체 텍스트를 확인할 수 있습니다.

[Canapin (Coin-coin le Canapin)]

아, 제 실수였네요. 이 플러그인의 photoswipe 설정이 커스텀 제목 대신 원본 파일 이름을 표시하는 것 같아요. 수정하겠습니다

[NateDhaliwal]

@Canapin 내장된 Discourse의 lightbox()를 사용하지 않는 이유는 무엇인가요?

frontend/discourse/app/lib/lightbox.js

[Canapin (Coin-coin le Canapin)]

아마도 내장된 라이트박스를 사용할 수는 있지만(이 플러그인의 초기 버전에서는 그렇게 하고 있었습니다), 제 필요에 맞게 설정하거나 조정할 수는 없는 것 같습니다. 특히 무한 로딩/스와이프를 위한 제 메서드와 상호작용하게 만들 수 없었기 때문에, 직접 자체 라이트박스를 만들어야 했습니다.

[Canapin (Coin-coin le Canapin)]

안타깝게도 이 문제는 제가 해결할 수 없습니다. 이미지 제목은 게시글 본문에 기록되어 있으며, 어떤 테이블에도 저장되어 있지 않습니다.

성능상의 이유로, 제 쿼리는 게시글 본문을 반환하지 않으므로 제목을 가져오기 위해 본문을 파싱할 수 없습니다.

그래서 파일명을 그대로 두기로 했습니다. 이 정보가 유용한 경우는 드물기 때문이죠…
수정되지 않은 파일명은 대부분 이미지가 어디서 왔는지를 보여주는 것 외에는 아무것도 드러내지 않습니다.

예를 들어, 제 테스트 인스턴스에서:

• image.png → “image” 파일명은 작성기에 직접 붙여넣은 이미지입니다

• Gemini_Generated_Image_8h4wt58h4wt58h4w.jpg → 추측컨대 Gemini가 생성한 이미지

• ComfyUI-ExtraMD-Large_315126945425344_00000.jpg → 로컬 AI 이미지 생성기

• the-tattooer-is-totally-right-v0-s2f8spm3l-D5908.jpg → 아마 웹사이트에서 저장한 것

• cropped-android-chrome-512x512-1-32x32.png → 스마트폰 스크린샷

등등.

이것을 민감한 정보로 간주해야 할까요? Discourse에 이미지를 업로드할 때 제목은 기본적으로 파일명으로 사용됩니다. 제목을 수정하면 원래 정보는 사용자에게 더 이상 보이지 않습니다. 그런데 이 플러그인은 그 정보를 노출하고 있습니다.

수정: 네, 아마 원래 파일명을 표시하지 않는 것이 나을 것 같습니다.

다시 수정: 해결했습니다.

[TheWalkingDead110]

모바일에서 주제 하단에 있는 갤러리 아이콘이 잘 디자인되지 않았습니다. (다른 버튼들의 모양/크기를 따르지 않음). 데스크톱에서는 문제가 없습니다. 감사합니다.

[Canapin (Coin-coin le Canapin)]

수정 전

수정 후

수정되었습니다. 보고해 주셔서 감사합니다

[TheWalkingDead110]

감사합니다! 혹시 갤러리 버튼 클릭 시 자동 표시되는 “123번째 게시글부터”라는 문구를 비활성화할 수 있는 설정도 추가할 수 있을까요? 즉, 어떤 갤러리 버튼을 클릭하든 전체 갤러리가 표시되도록 하는 것입니다.

[Canapin (Coin-coin le Canapin)]

플러그인의 설정에서 게시 버튼 비활성화를 할 수 있습니다. 나머지 갤러리 버튼(타임라인 및 토픽의 끝)은 갤러리를 처음부터 열립니다.

[Canapin (Coin-coin le Canapin)]

미식가들을 위한 UX 질문.

데스크톱과 모바일 모두에서, 마지막 안 읽은 게시글부터 갤러리를 여는 경우가 대부분입니다:

예를 들어, 특정 주제를 열면 다음과 같은 화면이 표시됩니다:

특히 모바일에서는 주제 진행 요소 옆에 있는 갤러리 아이콘을 클릭하는 것이 제 첫 번째 반응입니다. 하지만 이 아이콘은 갤러리의 시작 부분부터 열리게 됩니다.

현재 게시글부터 갤러리를 열려면, 게시글의 하단까지 스크롤을 내려야 하며, 그곳에 “현재 게시글부터 갤러리 열기” 버튼이 있습니다:

이를 어떻게 해결해야 할지 잘 모르겠습니다. 갤러리를 처음부터 열거나 현재 게시글부터 여는 버튼의 역할을 변경해야 할까요? 아니면 버튼을 다른 위치로 이동해야 할까요?

어떤 아이디어든 환영합니다