추천 타일

우선 이 놀라운 컴포넌트를 만들어 주셔서 감사합니다. 이 컴포넌트 덕분에 우리 포럼의 시각적 품질이 몇 단계 높아졌고, 스태프가 오래된 스레드를 고정 상태로 유지하기 위해 반복적으로 올려줄 필요가 없이도 쉽게 되살릴 수 있는 훌륭한 방법도 제공해 주었습니다.

다만 한 가지 질문이 있습니다. 제가 단순한 해결책을 놓치고 있는 것일 수도 있지만, 타일에서 OP(첫 번째 게시자)의 아바타를 제거할 수 있을까요? 아니면 가능하면 OP 아바타의 클릭 기능을 비활성화하는 쪽이 더 좋겠습니다.

David, 감사합니다. display-on-categories와 scope-to-category 설정을 적용하려고 하고 있는데, 최신(Latest)과 카테고리(Categories) 홈 페이지에서는 피처드 타일(featured tiles)이 표시되지만 개별 카테고리 페이지에서는 표시되지 않습니다. 제가 어디서 잘못되고 있는지 혹시 아시는 분 계신가요? 아래는 제 설정입니다. 다른 모든 TC를 비활성화하고, 비공식 플러그인을 비활성화한 안전 모드에서도 시도해 보았지만, 콘솔이나 로그에서 이와 관련된 내용은 보이지 않습니다.

설정 스크린샷

그리고 이미지 사이에 간격을 추가하는 방법이 있을까요?

1개의 좋아요

데스크톱에서는 4개의 타일을, 모바일에서는 1~2개만 표시하는 방법이 있을까요? 모바일에서 보기 좋지 않네요. 감사합니다!

각 개별 카테고리에 editors-pick 주제가 있나요?

네, CSS를 사용하면 됩니다. 다음과 같은 코드를 사용할 수 있습니다.

.featured-tiles-container {
    gap: 1em;
}

이것도 CSS로 처리할 수 있습니다. 모바일에서 3번째, 4번째, 5번째 정사각형을 숨기려면 다음과 같은 코드를 사용할 수 있습니다:

.mobile-view .featured-tiles-container > .featured-tile:nth-child(2) ~ .featured-tile {
    display: none;
}
3개의 좋아요

네, 태그가 사용되는 단 하나의 카테고리로만 설정해 보았지만 해당 카테고리에서 표시되지 않았습니다. 태그 그룹에 속하지 않는 다른 태그들을 시도해 보고, 제한된 태그가 없는 카테고리를 시도해 보았지만 아무것도 작동하지 않습니다. TLP가 설치되어 있지 않고 훨씬 단순한 다른 사이트에서도 시도해 보았지만, 그곳에서도 작동하지 않았습니다. 태그 대신 카테고리를 강조 표시(feature)해 보았지만, 여전히 어떤 카테고리에서도 표시되지 않습니다.

이것은 Firefox와 Chrome에서는 완벽하게 작동하지만 Safari에서는 작동하지 않습니다. 다른 아이디어가 있을까요?

또한, 강조 표시된 이미지에 제목을 붙이는 작은 기능 요청을 하나 더 하고 싶습니다. 사람들이 이 이미지들이 무엇인지 어떻게 알 수 있겠습니까? 아, 알겠습니다. PR을 제출하라는 거죠. 하지만 제발 저에게 맡기시면 안 됩니다 :grin: 이 정도면 될 것 같습니다:

1개의 좋아요

저도 마찬가지입니다. 새 인스턴스에서 해당 컴포넌트를 테스트하고 있어 비활성화할 다른 요소가 많지 않습니다. 피처드 타일은 Latest와 Categories에만 표시됩니다.

2개의 좋아요

hey @david

기존 몇 가지 주제에 대한 테스트에서 이미지가 표시되지 않습니다. 최신 test-passed 버전을 사용하고 있습니다.
지금까지 시도해 본 것:

  • 첫 번째 게시물의 첫 줄에 이미지를 배치
  • 첫 번째 게시물의 HTML 새로 고침
  • featured 태그 제거 후 다시 추가
  • 테마 미리보기에서도 문제가 지속됨

아무 아이디어가 있으신가요?

저도 똑같은 문제를 겪고 있습니다. 해결하셨나요?

해당 옵션이 체크되어 있는데도 카테고리 페이지에 표시되지 않는 이유가 있을까요?

1개의 좋아요

저도 같은 문제를 겪고 있습니다: 카테고리 페이지에 표시되지 않는데, 심지어 활성 컴포넌트가 하나뿐인 경우에도 그렇습니다. @david님, 도와주실 수 있나요?

1개의 좋아요

카테고리 페이지에서 이 문제를 해결하도록 업데이트를 적용했습니다. 한번 사용해 보세요!

5개의 좋아요

잘 작동해, 크리스! 최고야!

1개의 좋아요

이 컴포넌트 위나 .list-controls 아래에 텍스트를 삽입하는 방법에 대해 아시는 분이 계신가요? 이 이미지들이 무엇인지 설명하는 텍스트가 꼭 필요합니다. 아래 이미지에서 빨간 선이 표시된 부분이 텍스트를 넣어야 할 위치입니다. 감사합니다!

간단한 해결책으로는 before 또는 after 선택자를 사용해 사이트에 콘텐츠를 삽입할 수 있습니다. 예:

.featured-tiles::before {
  content: "Hello There";
}
1개의 좋아요

Nolo, 지금은 이렇게 하면 충분할 것 같아! URL을 추가할 수 있으면 좋겠지만, 일단 이걸로 충분해. 도움줘서 고마워.

1개의 좋아요

정말 아름다운 사이트네요, @davidkingham !!! 멋져요!!!

1개의 좋아요

정말 잘 보입니다… 작동할 때요.
저희 Cloud Discourse 사이트에서는 태그를 하나만 선택했을 때만 작동합니다. 태그를 둘 이상 선택하면 빈 배너 줄이 표시됩니다.

업데이트: 때때로 메인 페이지에서 이미지가 표시되지 않는데, 선택한 태그가 있는 주제들이 포함된 카테고리로 이동하면 도움이 됩니다. 다시 메인 페이지로 돌아오면 배너에 이미지가 표시됩니다.

다른 분들도 시도해 보시고 확인해 주실 수 있을까요?

1개의 좋아요


네, 저도 같은 문제를 겪고 있습니다. 이미지가 없는 항목들은 ‘추천’ 태그조차 붙어 있지 않아요.

기능 요청 아이디어

EDIt는 제가 설명한 대로 작동해야 할 것 같습니다. :man_facepalming:

하지만 Air 테마에서는 아래처럼 화면이 비어 있습니다. 제가 뭘 잘못하고 있는 걸까요? 필요하면 사이트 링크를 DM으로 보내드릴 수 있습니다.

첫 번째 게시물에 이미지가 포함된 2개의 주제가 있습니다. 이미지는 게시물 맨 앞에 있습니다.

최근에 테마 컴포넌트를 설치했는데, 이 두 가지 기능을 추가해 주시면 좋겠습니다.

  1. 다음/이전 버튼
    아래 코드를 참고했지만, 커스터마이징에 어떻게 적용해야 할지 모르겠습니다.

https://stackoverflow.com/questions/65833297/add-prev-next-buttons-to-scroll-container-with-css-and-jquery

  1. 사용자가 이전 뉴스를 모두 확인한 후 추가 콘텐츠를 로드할 수 있도록 허용

이렇게 하면 데스크톱과 모바일 모두에서 최적의 경험을 제공할 수 있을 뿐만 아니라, 소셜 네트워크의 스토리 애플리케이션에 익숙한 사용자에게도 친숙하게 다가갈 수 있습니다. 또한 구글이 현재 스토리 콘텐츠에 큰 관심을 가지고 있다는 점을 고려할 때, 관련 기사들도 많이 확인하고 있습니다.

데스크톱과 모바일에서 제가 적용한 커스텀 화면입니다.


https://businesslab.vn 에서 확인해 보세요.

3개의 좋아요