Masonry 이미지 갤러리

커스터마이징 테마 컴포넌트
21

하하 :grinning_face_with_smiling_eyes:. 그래도 해결해서 다행이네요!

1개의 좋아요
22

Heddson님, 안녕하세요.

이 요청에 동조합니다. 때때로 하나의 게시물에 이미지가 많이 올라오는 경우가 있는데, 이럴 때 그리드/메서니 레이아웃이 우리 포럼에는 최선의 선택이 아닙니다. 메서니 TC에 있는 기능들을 활용하여 슬릭 갤러리 컴포넌트를 다시 구현할 수 있을까요?

현재로선 메서니 이미지 갤러리가 슬릭 갤러리 TC와 잘 맞지 않는 것 같습니다. 슬릭 갤러리의 이미지가 작은 썸네일 형태로 표시되기 시작하는 문제가 발생하네요. 메서니 컴포넌트가 슬릭 컴포넌트와 어딘가에서 충돌하는 것 같습니다.

슬릭과 메서니 테마 컴포넌트 간 충돌의 예시는 다음과 같습니다:

image
image1434×438 23.8 KB

23

안녕! 아직 Slick TC를 살펴볼 시간이 없었지만, 시도해볼게.

3개의 좋아요
24

Heddson님 안녕하세요!

현재 특정 카테고리에서 Masonry 갤러리를 자동으로 활성화할 수 있는 auto enabled categories 설정이 있습니다.
비슷한 방식으로, 특정 카테고리에서 Masonry 갤러리를 자동으로 비활성화할 수 있는 auto disabled categories 설정을 추가해 주실 수 있을까요? 이 기능을 위해 기꺼이 비용을 지불하겠습니다 :slight_smile:

25

이미지 사이에 빈 줄이 있을 때 auto 기능에 문제가 있는 분이 또 계신가요? 빈 줄이 있으면 마서리 갤러리가 생성되지 않습니다.

26

이미 꽤 오래 전부터 그렇게 되어 있었습니다. 그냥 그런 거라고 생각했고, 버그가 아닙니다 :flushed:

27

음, div 태그를 수동으로 적용하면 문제가 나타나지 않고, 이미지 사이에 빈 줄이 있어도 마소너리 갤러리가 정상적으로 작동합니다.

28

그러면 버그라고 할 수 있겠네요. 일종의 버그라고 해야 할까.

29

버그가 아니라 의도된 동작입니다. :sweat_smile:

그 이유 중 하나는 빈 줄을 추가하여 특정 이미지가 갤러리의 일부가 되지 않도록 강제할 수 있기 때문입니다. 예를 들어 다음과 같은 효과를 얻고 싶을 때 사용할 수 있습니다:

image_example
image_example776×811 181 KB

아래처럼 추가하면 됩니다:

![01|690x458](upload://7zW2bd5OUeGIz0oJoTcFvdiNfEc.jpeg) 

![02|333x500](upload://w6STfJO5Ie5MyIRC02ZFhXtmk1z.jpeg)
![03|397x500](upload://zwhs49h2t24IAOhSgmaDQa0PIEI.jpeg) 
![04|333x500](upload://islRhKn7yHfrg3N5CV6ZhPQfQP7.jpeg)

어쨌든, 이것이 항상 원하는 동작 방식이 아닐 수 있다는 점은 이해합니다. 따라서 빈 줄을 무시하도록 설정 옵션을 추가하겠습니다.

추가하는 것이 그리 어렵지 않을 것 같으니, 이 기능에 대한 설정도 함께 추가하겠습니다.

불행히도 Slick과 Masonry에 관한 문제를 재현할 수 없었습니다.

Slick에 대해 조사해 보았는데, 제가 이 TC에서 한 방식대로 재작성하는 것은 불가능해 보입니다. 따라서 당분간(불행히도) 그 일은 일어나지 않을 것입니다.

2개의 좋아요
30

방금 재구성을 수행했는데, 이제 이런 오류가 발생합니다:

image
image1452×1257 112 KB

어떤 아이디어가 있을까요?

1개의 좋아요
31

음, 이상하네요. 저는 저장소에 아무것도 건드리지 않았는데… Masonry를 다시 설치하면 여전히 오류가 발생합니까? 제 포럼에서도 같은 문제가 발생하는지 확인해 보겠습니다.

32

설치를 시도할 때 오류 500이 발생합니다.

Discourse의 문제인 것 같습니다. GitHub 대신 GitLab을 사용 중인데, 이것이 문제일 수 있을까요? 2.9.0beta11로 다시 빌드한 후에 발생한 문제이기 때문입니다 (208d22cfc2).

33

임시 해결책(동작하게 하려면)은 gitlab에서 zip 파일을 다운로드하여 discourse에 수동으로 설치하는 것입니다.

1개의 좋아요
34

응, 나도 알아. 그 500 에러 바로 뒤에 실제로 그렇게 했거든 :slight_smile: 물론 아무 문제 없이 잘 됐지.

1개의 좋아요
35

이미지 사이에 빈 줄을 허용하고 카테고리를 비활성화하는 설정(둘 다 갤러리를 자동으로 생성하는 데 사용)이 포함된 컴포넌트를 업데이트했습니다.

GitLab의 버그가 아직 수정되지 않은 것 같습니다. 따라서 이미 Discourse를 업데이트했다면 GitLab에서 zip 파일을 받아야 할 가능성이 높습니다.

3개의 좋아요
36

beta11에서 테스트해 봤는데 완벽하게 작동합니다! :heart: :heart: :heart:

1개의 좋아요
37

우리 커뮤니티가 이 컴포넌트를 정말 좋아한다는 말씀만 드리고 싶었어요. 우리 토론 주제 중 많은 부분이 이미지 위주인데, 이 컴포넌트 덕분에 읽는 경험이 고통스럽던 것이 편안해졌거든요. 감사합니다!

2개의 좋아요
38

안녕하세요. 이 컴포넌트가 게시된 페이지에서 작동하지 않습니다. 이 부분을 어떻게 설정할 수 있을까요?

39

네, 게시된 페이지에서는 사용할 수 없습니다. 불행히도 게시된 페이지에서는 JavaScript(테마 컴포넌트에서)가 실행되지 않는 것 같습니다.

1개의 좋아요
40

개발자들이 이 문제에 대해 고민해 봐야 한다고 생각합니다. 페이지 게시 기능이 있다면, 이를 온전히 활용하기 위해 포럼 코드를 적절히 보완하는 것이 좋을 것입니다. 아니면 불가능하다는 말씀이신가요?

1개의 좋아요