감사합니다, 한번 해볼게요.
오늘 TC에서 Featured Images의 개선 사항을 플러그인으로 이식했기 때문에, 이제 모바일에서도 Featured Images를 사용할 수 있으며 포맷도 훨씬 개선되었습니다.
사용자 지정 CSS를 개발한 경우 일부가 깨질 수 있으니 양해 부탁드립니다. 하지만 이는 거의 피할 수 없는 부분입니다. 개선 효과가 그만한 가치가 있을 것입니다.
가로 너비를 0으로 설정하면 레이아웃이 종횡비(aspect ratio)에 따라 너비를 결정하도록 하여 더 깔끔한 외관을 연출할 수 있습니다. 이미지나 설정으로 인해 화면이 너무 혼잡하다면 설정에서 발췌문을 숨길 수도 있습니다.
이 사이트는 현재 해당 플러그인을 실행 중입니다:
참고로, 더 날렵한 스크롤바를 제공하는 Safari에서 약간 더 잘 보입니다 ![]()
안녕하세요, 업데이트 이후 쓸모없는 가로 스크롤바가 생겼습니다. 이걸 어떻게 제거할 수 있을까요? ![]()
현재는 CSS를 수정해서 해당 스크롤바를 제거했습니다:
.tlp-featured-topics.has-topics .topics {
overflow-x: hidden;
}
네, 그 접근 방식이 맞습니다. 현재로서는 내용이 넘치는 것처럼 보이지 않아요. 참고로 Safari에서는 그 스크롤 바가 훨씬 덜 지저분해 보입니다.
불행히도, 그 접근 방식은 추천 이미지가 훨씬 더 많이 추가되어 오른쪽으로 넘치게 표시될 경우 스크롤을 막을 수 있습니다.
그래서 또 다른 방법 - 추천 콘텐츠를 훨씬 더 많이 게시하세요!!
참고로, 스크롤바 스타일링을 자유롭게 조정해 볼 수 있습니다. 다만, 모든 브라우저에서 표준이 아니기 때문에 다소 복잡합니다. 예시:
/* Works on Firefox */
* {
scrollbar-width: thin;
scrollbar-color: grey darkgrey;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
height: 6px;
}
*::-webkit-scrollbar-track {
background: darkgrey;
}
*::-webkit-scrollbar-thumb {
background-color: grey;
border-radius: 0px;
border: 0px solid grey;
}
출처: How to Customize Scrollbars with CSS: A Full Guide | DigitalOcean
감사합니다! 정말 좋은 해결책이네요 ![]()
@merefield님, 플러그인 정말 감사합니다. 저희 커뮤니티에서 아주 인기 있는 플러그인입니다. 저희는 꽤 미니멀한 환경에서 이 플러그인을 사용하는데, 주제 목록에 주제 썸네일을 표시하는 용도로만 사용하고 그 외에는 다른 용도로 사용하지 않습니다.
하지만 몇 주 동안 사용하다 보니, 주제 안팎으로 이동할 때 꽤 심각한 문제가 발생하여 결국 비활성화해야 했습니다. 기본적으로 주제에 진입할 때 레이아웃이 종종 깜빡이고, 주제가 렌더링되기 전에 탐색 바가 잠시 사라지는 현상이 발생합니다. 반대로 뒤로 이동할 때도 동일한 현상이 발생하며, 주제 목록의 스크롤 위치가 사라집니다. 게다가 플러그인을 비활성화한 상태에 비해 주제 안팎으로 이동하는 속도가 눈에 띄게 느려집니다. 모바일에서 어떻게 보이는지 화면 녹화 영상을 첨부합니다 (gfycat 링크라 죄송합니다. 화면 캡처가 너무 커서 Discourse에 업로드할 수 없었습니다).
이 문제들이 어떤 원인으로 발생하는지 아시나요? 그리고 이를 방지할 수 있는 방법이 있을까요? 콘솔에 오류가 나오거나 무엇이 문제인지 단서를 줄 수 있는 다른 현상은 없습니다.
주제 목록 썸네일 해상도 수준을 가장 낮은 설정인 6으로 설정해 두었습니다. 큰 이미지가 필요하지 않으므로 이미지 크기는 문제가 되지 않을 것 같습니다. 도움이 될 수 있는 다른 정보가 있다면 알려주세요.
리포트 감사합니다. 혹시 TC도 테스트해 보셨나요?
아니요, 아직 시도해 보지 않았습니다 – 만약 그것이 도움이 될 것 같다면 시도해 보겠습니다. (비활성화된) 플러그인과 나란히 설치해도 안전할까요?
아마도 그럴 수 없고, 재설치가 필요할 것입니다.
말씀하신 동작은 이상합니다. 제목의 href가 썸네일의 것과 거의 동일합니다.
썸네일을 클릭했을 때 문제가 발생하지 않는지 확인해 주시겠습니까? (플러그인에서).
확인했습니다! 썸네일을 클릭하면 주제 내 첫 번째 게시물로 이동한다는 사실조차 지금까지는 전혀 인지하지 못했습니다. 썸네일 클릭 반응은 정상적으로 빠릅니다.
감사합니다. 그럼 그 방법을 시도해 보겠습니다. 다만 오늘 밤에는 시간이 될지 모르겠네요. 또한 Topic list thumbnails TC라는 것이 존재한다는 것을 방금 발견했는데, 범위가 더 제한적이어서 우리의 사용 사례에 더 적합할지 궁금합니다. ![]()
참고로, 매우 빠른 답변에 감사드립니다!
제가 방금 TC를 직접 사용해 봤는데, 불행히도 동일한 현상이 나타납니다.
감사합니다.
네, 이건 흥미롭네요.
URL은 정상이지만, Ember가 제목 클릭을 전체 페이지 새로고침으로 처리하는 것 같습니다.
브라우저의 네트워크 탭을 확인하면 그 차이를 볼 수 있습니다.
이전에는 이런 일이 일어나지 않았다고 확신합니다.
제목은 코어에서 동일한 코드로 생성되므로, 이 상황이 가장 수수께끼입니다.
게시글 상단에 이미지가 있는 경우 "토픽 목록 발췌"에서 일부 형식 스타일 문제가 발생하는 것 같습니다.
(플러그인과 TC 모두에서 발생)
예시를 보여드리겠습니다.
첫 번째 줄과 두 번째 줄은 정상이지만, 이미지 이후 세 번째 줄과 네 번째 줄의 스타일이 변경됩니다. (시도해 본 모든 테마에서 발생하는 문제입니다)
인스펙터로 확인해 보니, "토픽 목록 발췌"가 발췌 안에 이미지의 링크를 포함시키려 하면서 스타일 문제가 발생하는 것으로 보입니다.
불행히도 "list/topic-excerpt"은 플러그인이나 TC가 아니라 코어에 포함되어 있습니다.
직접 오버라이딩하고 있지는 않습니다.
혹시 jQuery 관련 문제인 건지 궁금하네요.
디버깅에 도움이 필요하시면 편하게 말씀해 주세요.
빠른 답변 감사합니다. ![]()
게시물 발췌문 안의 링크가 타일 이미지가 겹치는 문제를 일으킬 수도 있다는 것을 발견했습니다.
인라인 원박스(inline-onebox) 링크 때문인 것 같습니다.
디스코어스 코어(Discourse core)와 관련이 있는지, 아니면 TLP 플러그인과 관련이 있는지 확실하지 않습니다. ![]()
일단 발췌문을 일시적으로 비활성화할 수도 있겠네요.
정말 감사합니다 ![]()
죄송합니다, 네, 아마 CSS 문제일 수 있겠네요. 수정해 보세요. TC에는 그 부분에 대해 개선된 CSS가 있을 수도 있지만… 기억이 잘 안 나네요 ![]()
정말 감사합니다. ![]()
네, 말씀하신 대로 TC를 사용하면 문제가 없는 것 같습니다.
겹침 문제는 플러그인으로 전환한 후에만 발생했습니다.
Chrome이 1000줄 CSS Grid 제한을 조속히 수정해 주면, 플러그인을 TC로 완전히 대체할 수 있기를 바랍니다.
확인해 주셔서 감사합니다. 나중에 그 CSS를 이동해 보겠습니다. 지금은 그냥 로컬 TC에서 오버라이드하는 데 사용하시면 됩니다.






