정말 맞습니다, 죄송합니다. 0으로 설정하면 모바일에서 높이가 자동으로 조정되어야 합니다. 그렇게 동작하는 것은 바람직하지 않습니다. 시간이 되면 확인해 보겠습니다. 또한 모바일용 쌍(pair)으로 분리하는 것도 고려해 보겠습니다.
그동안 모바일에서 '타일’을 활성화하거나, 썸네일에 max-height를 수정하는 것을 권장합니다. 예를 들어 다음과 같이요:
.mobile-view .topic-list img.thumbnail:not(.tiles-thumbnail) {
max-height: 900px;
}
900은 과도할 수 있지만, 매우 높은 이미지를 포착하기 위해 넣어 두었습니다!
max-width도 취향에 맞게 수정할 수 있습니다(기본값은 80px).
2개의 좋아요
확인 중인 동작을 확인하고 싶었습니다.
width와 height가 100px로 설정된 경우:
데스크톱 썸네일은 가로 100px, 세로 100px이며, 썸네일은 기본적으로 자름(crop) 처리됩니다(이미지가 늘어나거나 찌그러지지 않음).
모바일 썸네일은 이미지의 종횡비에 따라 모두 다른 가로/세로 크기를 가집니다.
width가 100px이고 height가 0px인 경우:
데스크톱 썸네일은 가로 100px이며, 종횡비에 따라 세로 크기가 다릅니다.
모바일 썸네일은 이미지의 종횡비에 따라 모두 다른 가로/세로 크기를 가집니다.
이 설정들이 모바일 스타일시트에서 적용되지 않는 것으로 보입니다.
1개의 좋아요
맞습니다, 기본적으로(모바일 타일 아닌 뷰에서) CSS가 max-width와 height를 80px로 제한하고 있습니다.
지금은 CSS를 수정하는 것이 가장 좋은 방법입니다.
숫자를 조정하여 아바타 등과 정렬을 맞출 수 있습니다.
브라우저 검사기를 사용하여 CSS를 작성하는 데 익숙해지세요.
2개의 좋아요
merefield:
이미 폴백 이미지 옵션이 이미 있습니다.
방금 이 설정을 직접 시도해 보았지만 폴백 이미지가 표시되지 않았습니다.
토픽 목록 기본 섬네일 을 설정하고 토픽 목록 기본 섬네일 폴백 을 확인했습니다. 또한 개별 카테고리에서 이 카테고리의 토픽에 미리보기 섬네일이 설정되지 않은 경우 표시되는 섬네일의 이미지 URL 도 설정해 보았지만 아무것도 표시되지 않습니다.
이 기능이 작동하려면 게시물을 다시 생성(rebake)할 필요가 없다고 가정해도 되나요?
1개의 좋아요
지금 재택근무 중이라 확인은 못 하고 있지만, 시간이 나면 다시 한번 확인해볼게요.
콘솔에 JavaScript 오류가 발생하고 있나요? 링크된 이미지가 내 사이트(즉, 내 사이트에 업로드된)에 호스팅되어 있는지 확인한 후, 필요하면 다시 시도해 주시겠어요?
1개의 좋아요
이전에 언급했던 정렬 버그를 재현하는 또 다른 방법을 찾았습니다. 이 카테고리 로 가시면 생성일 기준으로 올바르게 정렬됩니다. 그 다음 토픽 중 하나를 방문한 뒤, 같은 카테고리 링크를 다시 클릭하면 최신순으로 정렬됩니다. 이 문제는 타일(Tiles)과 썸네일(Thumbnails)에서 발생하지만, 테마 컴포넌트 없이 코어만 있는 경우에는 발생하지 않습니다.
3개의 좋아요
방금 TLP Theme Component 를 업데이트했습니다. (네, 보통 월 중에는 이런 일을 하지 않는데요.)
이제 데스크톱과 모바일 썸네일 을 지원할 뿐만 아니라, 주제(Topics)의 추천 목록에서도 타일(Tiles) 뷰를 지원합니다.
(코어에서 발생했던 깨짐 변경(breaking change) 문제를 수정하여 이제 이를 지원할 수 있게 되었습니다 - David 감사합니다!)
기꺼이 도와드리겠습니다.
(문제가 있으면 알려주세요. 이번 주말 기준으로 최신 테스트 통과 버전과 호환되는 것으로 보입니다.)
플러그인 은 이제 모바일에서 추천 목록에 대한 썸네일 지원을 추가했습니다. 가까운 시일 내에 데스크톱과 모바일의 추천 목록에 대한 타일 지원도 추가할 수 있습니다.
8개의 좋아요
이것이 제 정렬 문제에 대한 언급인지, 아니면 Discourse의 David에게 직접적으로 한 말인지 확실하지 않습니다. 참고로 정렬 문제는 여전히 남아 있습니다.
또한, 타일 옵션 목록에 suggested 옵션이 표시되지 않습니다. 수동으로 추가하면 정상적으로 작동합니다. 참고 바랍니다.
1개의 좋아요
별개의 문제입니다. 정렬 문제는 나중에 확인해 보겠습니다. TC에서 발생한 문제는 더 심각했습니다.
TC에 수동으로 추가해야 한다는 점은 알고 있습니다. 나중에 해결할 수 있는지 알아볼게요.
2개의 좋아요
틀린 말이라면 정정해 주시겠지만, 이 플러그인을 설치하면 위 두 개의 테마 컴포넌트를 각각 설치했을 때와 동일한 기능은 물론 더 많은 기능을 제공할 수 있을 것 같습니다.
이 플러그인을 설치할 경우, 위의 테마 컴포넌트들을 제거해야 하는지 이해하려고 합니다.
1개의 좋아요
david
(David Taylor)
7월 22, 2020, 4:37오후
1217
둘 다 설치하는 것은 권장하지 않습니다. 이상한 동작이 발생할 수 있습니다. 이 주제에 언급된 ‘Topic List Previews’ 플러그인이나, 링크하신 테마 컴포넌트 중 하나를 선택해야 합니다.
2개의 좋아요
감사합니다. 제 생각에는 이 플러그인이 위에서 언급한 두 테마 컴포넌트의 기능을 수행할 수 있을 뿐만 아니라 다른 기능(토픽 목록 동작 및 썸네일 너비/높이 조정)도 갖추고 있다면, 그 두 테마 컴포넌트를 설치하는 것이 아무것도 잃는 것이 아니라 오직 이득만 되는 것 같습니다.
1개의 좋아요
데이비드가 옳습니다. 두 제품의 기능 세트와 외관/사용감이 약간 다릅니다. 어떤 것을 설치할지는 사용자의 판단에 달려 있지만, 함께 작동하지는 않을 가능성이 큽니다. 둘 다 사용해 보세요. 두 TC를 모두 설치하면 전환하기가 매우 쉽습니다(TLP에도 TC 버전이 있습니다).
3개의 좋아요
두 가지 방법을 모두 시도해 봤고, 같은 결과를 얻을 수 있습니다. 다만 이 플러그인이 기본 썸네일 이미지를 제공한다는 점은 마음에 듭니다. 실제로 카테고리에서 imgur 링크를 사용해 봤는데 작동하지 않았습니다. 해당 카테고리는 다음과 같습니다: https://forum.duelistsunite.org/c/yugioh/strategy/13
imgur 링크는 Imgur: The magic of the Internet 입니다.
이미지는 특정 크기와 형식이어야 하나요?
1개의 좋아요
이미지를 로컬에 업로드해야 할 것 같습니다. 먼저 그렇게 시도해 보세요.
1개의 좋아요
카테고리 아이콘과 헤더에 이미지를 업로드할 때, 이미지들은 어디에 저장되나요? 이미지는 같은 위치에 넣을 예정이지만, 로컬에 있어야 할 것 같아서 궁금합니다. 기본 이미지가 지정되지 않은 경우 카테고리 아이콘이 기본값으로 사용되어야 한다고 생각합니다.
로컬 파일의 경로로 무엇을 입력해야 하는지 예시를 보여줄 수 있나요? discourse 폴더 안에 'pics’라는 폴더를 만들었습니다. 따라서 경로는 var/www/discourse/pics/image.png입니다. "pics/image.png"라고 입력해야 하나요?
제임스 쿡(James Cook)의 위에 있는 게시글에도 동일한 문제가 있었는데, 해결되지 않았습니다: Topic List Previews (legacy) - #1210 by jamesmarkcook
1개의 좋아요
포럼에 '사이트 디자인용 자산(Assets)'이라는 주제가 있어야 합니다. 해당 주제에 이미지를 업로드한 후, 이미지에서 마우스 오른쪽 버튼을 클릭하여 이미지 주소를 복사하세요.
2개의 좋아요
말씀하신 뜻을 이해합니다. 'Assets’라는 제목의 토픽을 만들고 몇몇 이미지를 업로드했습니다. URL을 복사해서 해당 위치에 넣었는데 작동하지 않았습니다.
이것이 해당 URL입니다. 전체 URL과 도메인 이름을 제외한 URL인
uploads/default/original/1X/c1808d114892ff27d1a7f08e7a95c991390cb689.png
두 가지를 모두 시도해 보았습니다.
1개의 좋아요
간단히 업데이트드립니다. 플러그인을 제거하고 이 테마 컴포넌트 버전을 설치했습니다: Topic List Previews (legacy) - #1010 by merefield
위와 완전히 동일한 URL(/uploads/default/original/1X/c1808d114892ff27d1a7f08e7a95c991390cb689.png)을 사용했을 때 기본 섬네일이 정상적으로 작동했습니다.
따라서 테마 컴포넌트는 작동하지만 플러그인은 작동하지 않는 것입니다. 각 카테고리별로 다른 기본 섬네일을 지정할 수 있으므로 플러그인을 사용하는 편이 더 좋습니다. 또한 테마는 실험 단계에 있습니다.
플러그인이 이미지 URL에서 작동하지 않는다면, 다른 두 테마 컴포넌트로 되돌릴 가능성이 높습니다.
감사합니다.
1개의 좋아요
결국 버그를 발견하셨군요 . Discourse 코어가 섬네일 생성을 담당하기 시작한 이후로 계속 남아 있던 문제였던 것 같습니다.
현재는 월초 지원 기간이 아니지만, 더 이상 불편을 겪지 않도록 수정 사항을 배포했습니다
https://github.com/paviliondev/discourse-topic-previews/pull/159
이제 플러그인에서 정상적으로 작동해야 합니다 (TC는 처음부터 잘 작동하고 있었습니다).
@jamesmarkcook 이 문제가 당신에게도 관련이 있을 것 같습니다. 죄송합니다. 이제 수정되었을 것입니다.
4개의 좋아요