새로운 캐러셀 모드를 만나보세요

그리드형 사진 모자이크 속에서 사진이 사라지는 경험, 중요한 부분이 어색하게 잘리는 경험, 혹은 사진이 중심에 놓이기를 원했던 경험, 혹시 있으신가요? 더 이상 걱정하지 마세요! 여러분이 원한다고도 몰랐던 기능이 드디어 출시되었습니다!

관찰력이 좋은 분이라면 이미 눈치채셨겠지만, 우리는 새로운 갤러리 모드를 추가했습니다. 이제 클래식(메이슨리) 그리드와 새로운, 초점을 맞춘 캐러셀 모드 중 선택할 수 있습니다. 전환 방법은 매우 간단하며, RTE[1]의 갤러리 오른쪽 위 모서리에서 옵션을 선택하기만 하면 됩니다:

또는 마크다운 모드에서 모드 이름을 직접 변경할 수도 있습니다:

갤러리를 완전히 제거하는 토글 버튼은 아래로 이동되었습니다:


참고 사항

  • 키보드 내비게이션이 다소 까다로울 수 있다는 점을 인지하고 있으며, 향후 업데이트에서 이를 개선할 예정입니다.
  • 모바일에서는 스와이프 제스처가 지원됩니다. 기술적으로 볼 때 Discourse가 다음 데이팅 앱이 될 수도 있겠네요[2]. 이는 우리의 “무엇이든 가능” 유연성을 확고히 하는 것입니다.

  1. 리치 텍스트 에디터 ↩︎

  2. 농담입니다 – 실제로 시도하지 마세요 ↩︎

48개의 좋아요

와! 꽤 멋진데요. Discourse Post Image Carousel 은 이제 거의 필요 없을 것 같습니다 :laughing:.

궁금해서 여쭤보는데, 캐러셀은 처음부터 직접 만든 건가요, 아니면 Splide/Swiper 같은 기존 서비스를 기반으로 만든 건가요?

6개의 좋아요

이것은 처음부터 끝까지 새로 구축되었으며, Glimmer 컴포넌트라는 점이 특히 좋습니다.

7개의 좋아요

네, 여기서 성공의 확실한 징후는 TC가 official!! 무엇으로 대체되는 것입니다.

9개의 좋아요

Discourse에서 이미지가 더 많은 관심을 받는 모습을 보니 기쁩니다!

몇 년 전 데이팅 프로젝트의 MVP를 만들 때 실제로 이런 생각을 했었습니다(결국 실행하진 못했지만 :smile: ). 그리고 솔직히 말해서, 이미 존재하는 것들보다 더 나빠질 수 있을까요? :garbage: :fire:

6개의 좋아요

이 기능이 이미 배포되었나요?

1개의 좋아요

네, 맞습니다. 최신 버전으로 업데이트해야 합니다.

3개의 좋아요

캐러셀에 추가할 수 있는 이미지에 개수 제한이 있나요?

1개의 좋아요

많이 사용해도 잘 작동할 거예요. 20~30개까지 테스트해봤거든요.

다만, 어느 시점부터는 사람들이 클릭을 멈추기 때문에 그렇게 유용하지 않게 됩니다.

2개의 좋아요

디스코스가 캐러셀 모드를 지원한다는 것을 알게 되어 정말 기쁩니다. 덕분에 그리드(갤러리) 모드도 있다는 사실까지 알게 되었죠!

저는 디스코스 초보로, phpBB에서 이주하면서 여전히 여러 문제를 해결해 나가는 중입니다. 제게 큰 문제 중 하나는 phpBB에는 첨부 파일에 대한 댓글 기능이 있지만, 디스코스에는 이와 유사한 기능이 없다는 점입니다. 하지만 import 컨테이너에서 ruby 스크립트를 실행하면 mysql 데이터베이스에서 phpBB 첨부 파일 댓글을 추출하여, 존재할 경우 디스코스의 업로드에 할당할 수 있습니다. 아래처럼 이탤릭체로 표시됩니다:


이것이 phpBB의 모습입니다


ruby 스크립트 실행 후 디스코스의 모습입니다

하지만 - 이제 막 그리드/캐러셀 모드를 배우고 있는 중인데, 이 모드를 적용하면 캡션이 망가집니다:

게시글을 그리드로 볼 수 있다는 점은 정말 좋습니다! 하지만 업로드 후 적용하면 업로드 댓글이 업로드와 명확한 연관성이 없어 보입니다. 흥미로운 점은, 게시글의 텍스트(캡션으로 의도된 것)는 그리드 모드에서는 여기에 표시되지만, 캐러셀 모드에서는 아예 표시되지 않는다는 것입니다.

이것은 기능 요청 사항이므로 해당 곳으로 이동해야 할 것 같습니다. 일반적으로, 댓글을 업로드에 연결할 수 있는 방법이 없다는 것은 심각한 결함이라고 생각합니다. 그리고 기존 게시글을 그리드로 만들 때 이 문제는 특히 두드러집니다.

3개의 좋아요

좋습니다. 제가 생각하기에 적절한 타협안을 추가했습니다. 캡션이 없는 업로드 세트(두 개 이상의 업로드)를 그리드 형태로 배치하는 루비 스크립트를 실행했고, 첫 번째 캡션을 만나면 그리드 배치를 종료하도록 했습니다:

이 결과에 만족합니다. 그리드 배치는 확실히 스크롤 양을 줄여주고, 캡션도 유지할 수 있습니다. 정말 기쁩니다! 오늘 디스커스의 훌륭한 기능을 하나 더 알게 되었습니다. 감사합니다!

3개의 좋아요

네, 그리드 레이아웃은 이미지 사이에 텍스트가 삽입되는 상황을 처리하도록 설계된 것이 아닙니다.

좋아해 주시고 문제를 해결할 우회 방법을 찾으신 것 같아 기쁩니다!

[grid mode="carousel"]
[![image|1000x1000](upload://8LYpcymjfalvqGDUTSD04lXPCm8.jpeg)](https://www.meta.discourse.org)
![image|1000x1000](upload://lKxOT3TfVGapss59PBhfeYCs9lW.jpeg)
[/grid]

안녕하세요

이 새로운 기능에 감사합니다! 우리 게시글 중 몇몇에서 유용하게 사용될 것 같습니다.

질문이 하나 있습니다. 이미지의 크기에 상관없이 그리드 캐러셀의 크기는 항상 동일하게 유지됩니다. 캐러셀의 크기를 게시글에서 직접 제어할 수 있을까요? (아니면 테마/컴포넌트 CSS 변경을 통해 해야 하나요?)

또한 이미지에 대한 링크가 더 이상 작동하지 않는다고 가정하고 있습니다.

안녕하세요 – 네, 캐러셀은 서로 다른 크기의 이미지로 슬라이드할 때 변경되는 것을 방지하기 위해 고정된 높이를 가지고 있습니다. 모든 변경 사항은 사용자 정의 CSS를 통해 수행해야 합니다.

2개의 좋아요