안녕하세요, 어제 Horizon 테마 관련 게시글을 남겼는데, 해당 게시판이 제대로 관리되고 있지 않은 것 같습니다.
간단히 말하면, 업로드된 이미지를 표시하는 코드가 테마에 일부 빠져 있는 것 같습니다. 개발자 도구와 설정을 꽤 오래 살펴보았지만 해결하지 못했습니다. 도움을 주시면 감사하겠습니다.
감사합니다.
안녕하세요, 어제 Horizon 테마 관련 게시글을 남겼는데, 해당 게시판이 제대로 관리되고 있지 않은 것 같습니다.
간단히 말하면, 업로드된 이미지를 표시하는 코드가 테마에 일부 빠져 있는 것 같습니다. 개발자 도구와 설정을 꽤 오래 살펴보았지만 해결하지 못했습니다. 도움을 주시면 감사하겠습니다.
감사합니다.
<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;"><span data-category-id="5" data-drop-close="true" class="badge-category restricted --style-square" title="The OPDC Core Materials Category will host discussions, FAQ, and related resources for Geoff’s Online Permaculture Design Course."><svg class="fa d-icon d-icon-category.restricted svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#lock"></use></svg><span class="badge-category__name">OPDC Core Materials</span></span></span>
이것이 관련 있는 섹션인 것 같습니다. 여기에 표시된 스타일은 다음과 같습니다.
<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;">
따라서 style= 속성에도 “category-image” 옵션이 포함되어야 한다고 생각합니다. CSS를 사용하여 이 기능을 구현할 수 있을까요? 하지만 테마/설정에서 해당 옵션을 전환할 수 있어야 하는 것 같습니다.
코딩에 능숙하지 않아 제 추측이 틀릴 수도 있지만, 이는 여러분이 제공해 주신 컴포넌트 입문 문서와 가이드를 바탕으로 한 것입니다(감사합니다!).
혹시 계신 분 있으세요? 게시물을 추가해서 올려봅니다.
@chapoi Horizon 테마에 깊이 관여하셨던 걸로 알고 있습니다. 위에 보고 있는 문제에 대해 어떤 정보가 있으신가요?
안녕하세요, 스태프에게 핑을 보내지 않도록 주의해 주세요. 감사합니다!
네, 그러면 위의 문제에 대해 도움을 주실 수 있나요? 여기 커뮤니티에서는 답변을 찾을 수 없어서, 10일 이상 지난 후에 이 테마 개발에 관여하고 있는 스태프에게 메시지를 보냈습니다. 다음 단계는 무엇인가요? 개발자를 찾아서 비용을 지불하고 해결을 맡겨야 하는 문제인가요? 테마 코드에 버그나 누락된 코드가 있는 것 같습니다.
닉님, 안녕하세요! 팀에서 이 주제에 대해 오랫동안 연락이 없었던 점 사과드립니다. 매년 열리는 월드 미트업에 다녀왔고, 돌아온 후 아직 업무 정리에 바쁜 상태입니다.
질문에 대한 답변을 최대한 빨리 드리겠습니다.
이 테마 제작에는 직접 관여하지는 않았지만, 의도적으로 더 단순하게 설계된 테마라는 점은 알고 있습니다. 따라서 카테고리 이미지가 홈페이지에 표시되지 않는 것이 의도된 동작일 수 있습니다. 그래도 홈페이지에 표시되면 좋을 것 같다는 점은 충분히 이해합니다!
토비아스, 고마워요! 괜찮아요! 팀이 잠시 휴가를 떠난 게 정말 좋네요. 충분히 당연한 일이죠. 살펴보는 데는 시간 좀 걸려도 괜찮아요. 직원 중 누군가는 이미 그걸 봤다는 걸 알 수 있어서 다행이에요 ![]()
위 답변이 이 문제에 대한 가장 정확한 답일 가능성이 높습니다.
호라이즌(Horizon)에서 토픽 목록은 완전히 커스텀된 컴포넌트이며 커스터마이징 사항을 반영하지 않기 때문에, 그곳에는 절대 표시되지 않습니다. 이 부분은 당분간 변경되지 않을 것입니다.
다만, 카테고리 홈 페이지 뷰에서는 여전히 표시될 것으로 기대하고 있었습니다. 이 부분을 확인해 보겠습니다. 당시 어떻게 결정했는지 기억이 나지 않는데, 아마 이것도 생략했을 수도 있습니다.
답변해 주시고 확인해 주셔서 감사합니다.
토픽 목록에는 표시되지 않는 것으로 알고 있지만, 카테고리 홈 페이지 뷰에도, 그리고 하위 카테고리의 카테고리 뷰에도 표시될 거라고 생각했습니다. 카테고리 이미지를 업로드하면 테마의 강조 색상으로 표시되는 작은 사각형을 대체할 것이라고 생각했습니다. 처음에는 라이트 테마 이미지만 업로드해서 그런 줄 알았지만, 다크 테마 이미지까지 추가해도 여전히 표시되지 않았습니다.
확인해 주셔서 감사합니다.
안녕하세요 @Nick-Permaculture
인내심을 가져주셔서 감사합니다.
Horizon에서 선택한 방향에 맞지 않아 해당 카테고리 로고를 제외했습니다. 대신 새로운 아이콘/이모지 옵션에 집중할 예정이며, 그 모습은 다음과 같습니다.
따라서 테마 자체에서는 이 부분을 조정해 드리기 어렵습니다.
다만, 아래 커스텀 스니펫을 사이트에 추가하시면 박스가 카테고리 로고로 대체됩니다.
.category-box:has(.category-logo .aspect-image) {
.category-logo {
display: block;
.aspect-image img {
margin-left: 0;
}
}
.category-box-heading .badge-category.--style-square::before {
display: none;
}
}
찰리, 정말 감사드립니다. 그리고 꼼꼼한 작업에도 감사드립니다. 커스텀 CSS가 정상적으로 작동하여 모든 페이지에서 업로드된 카테고리 이미지가 이제 표시됨을 확인하기 위해 잠시 들렀습니다. 다시 한번 감사드립니다!