네, 대표 이미지는 기본적으로 활성화되어 있지 않습니다… 테마 구성 요소 설정에서 활성화해야 합니다. 설명에 "대표 이미지"라고 표시된 모든 설정을 찾아보세요.
또한 태그로 항목을 식별하도록 선택한 경우, 해당 주제에 태그가 지정되어 있는지 확인하세요.
네, 대표 이미지는 기본적으로 활성화되어 있지 않습니다… 테마 구성 요소 설정에서 활성화해야 합니다. 설명에 "대표 이미지"라고 표시된 모든 설정을 찾아보세요.
또한 태그로 항목을 식별하도록 선택한 경우, 해당 주제에 태그가 지정되어 있는지 확인하세요.
"tiles-grid-item topic-list-item"라는 클래스가 있는 div 전체가 마우스를 올리면 회색으로 변하고 커서가 포인터로 바뀌는 것을 확인했습니다. 하지만 실제로는 항목/카드 전체가 클릭 가능한 것이 아니라, 텍스트와 제목 부분만 클릭 가능합니다. 항목/카드 전체를 클릭 가능하도록 변경할 수 있을까요?
이 문제를 발견하게 된 경위와 변경을 요청하는 이유는 다음과 같습니다. 제목이 짧을 경우, 제목 오른쪽의 여백은 클릭할 수 없는데도 회색 배경과 포인터 커서가 클릭 가능하다는 인상을 줍니다. 제 경우를 들어보면 이미지를 너비의 25%로 설정했는데, 이미지 주변의 모든 공간은 클릭할 수 없으면서도 배경색과 커서가 클릭 가능하다고 표시하고 있습니다.
제 생각에는 링크가 텍스트와 이미지에만 연결되어 있고, 배경색과 커서를 변경하는 주변 div에는 연결되어 있지 않아서 이러한 문제가 발생하는 것 같습니다.
CSS를 가지고 이것을 변경해 보려고 시도했지만, 저는 CSS에서 시행착오 방식으로만 작업하고 있고 JS 지식이 없어서 작동하는 해결책을 찾지 못했습니다.
제목, 텍스트 미리보기 발췌문, 섬네일 모두 클릭 가능해야 합니다.
기능적으로는 당연히 의미가 있지만, 전체 영역을 클릭 가능하게 실험해 봤는데 EmberJS에서 문제가 발생하여 제목 클릭이 동작하지 않게 되었고, 그래서 해당 설정을 제거했습니다.
이 문제는 표준 Title 컴포넌트를 사용하고 링크 안에 중첩하는 것이 문제를 일으키기 때문인 것 같습니다.
작동하게 만들 수 있다면 자유롭게 PR을 보내 주세요.
몇 달 후 코어 변경 사항으로 인해 대규모 리팩토링이 필요할 수 있으므로, 그때까지 처리하지 못했다면 그때 다시 고려해 보겠습니다.
하하, 과찬이시네요 - 하지만 지금은 제 CSS/JS 실력으로는 좀 버겁습니다. 대신 아이템/카드의 포인터 커서를 끄고, 호버 시 배경색 변경도 없애겠습니다 : )
가장 최근 커밋(latest commit)이 stable 버전에서 컴포넌트를 깨뜨립니다(3.1.0beta6 이하 버전에서도 그럴 가능성이 높습니다). .discourse-compatibility 파일을 추가해 주시겠습니까?
PR 환영합니다
참고로 이전 버전이나 Stable 버전을 지원하는 것은 원래 의도가 아니었습니다. 하지만 그렇게 하는 것이 도움이 된다면 진행하셔도 됩니다.
최근 변경 사항에 대해 핵심 변경 사항을 만든 커밋 해시를 알려 주시겠어요?
직접 해결하지는 못했지만, "News Plugin"에 대한 David의 PR에서 접근 방식을 복사했습니다. 해당 PR에는 이 항목이 포함되어 있었습니다:
이상하게도 이 항목은 수동으로 포크를 고정해야 했던 누군가에게 도움이 되지 않는 것 같습니다.
하지만 커밋을 찾았고, 여기 있습니다: DEV: Convert share-topic modal to new component-based API (#22154) · discourse/discourse@c6cd3af · GitHub
하지만 해당 커밋은 v3.1.0.beta7로 표시되어 있습니다.
?!
따라서 여기에서 다음을 추가할 수 있다고 가정합니다:
< 3.1.0.beta7: a4c3fc6ed3caf8f4aa93b20f44ad14d200794823?
@RGJ 해당 사항을 커밋해 두었습니다:
이로 인해 문제가 해결되는지 알려주세요 …
그렇네요, 감사합니다!
참고로 순서를 바꿨습니다. 최신 커밋이 상단에 위치해야 한다고 생각했기 때문입니다.
이상한 버그/동작입니다.
관리자 > 사용자 지정 > 테마 > 라이트 > 사용자 지정 CSS/HTML > 푸터에서 커뮤니티에 푸터를 추가하기 위해 간단한 HTML을 추가했습니다.
이 구성 요소를 활성화하면 해당 HTML이 렌더링되지 않습니다. 확인해 보니 CSS 충돌로 인해 숨겨진 것이 아니라, 단순히 로드되지 않습니다.
어떤 문제일 수 있을까요?
<div class="px-6 text-white bg-black h-[250px] md:h-[187px] lg:h-[198px] cust-footer">
<div class="flex flex-col justify-between h-full py-10 md:flex-row-reverse md:items-center ">
<div class="socials"><a href="https://coherence.io/discord"><img src="https://coherence.io/images/icon-discord.png" alt="Discord"></a><a href="https://www.facebook.com/coherence.io"><img src="https://coherence.io/images/icon-fb.svg" alt="Facebook"></a><a href="https://twitter.com/coherenceio"><img src="https://coherence.io/images/icon-twit.svg" alt="Twitter"></a><a href="https://www.instagram.com/coherence_io"><img src="https://coherence.io/images/icon-insta.svg" alt="Instagram"></a><a href="https://www.linkedin.com/company/coherence-io"><img src="https://coherence.io/images/icon-linkedin.svg" alt="LinkedIn"></a></div>
<div class="flex flex-col gap-2"><a href="https://coherence.io/"><img src="https://coherence.io/images/coherence-logo-white.svg" alt="coherence logo" class="w-32 h-6 mx-auto lg:w-40 lg:h-10 logo md:-ml-2 lg:ml-0"></a><div class="copyright">©2023 coherence ApS. All rights reserved.</div><div class="flex flex-wrap justify-center w-full gap-4 mt-8 md:mt-4 md:justify-start"><a class="text-white border-b-2 border-blue" href="https://coherence.io/privacy">Privacy Policy</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/terms">Terms of Service</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/careers">Careers</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/ggj">Global Game Jam</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/blog">Blog</a></div></div></div>
</div>
</div>
질문해도 될까요 - 이것이 주제 목록 미리보기 테마 컴포넌트와 어떤 관련이 있나요?
당신도 놀라셨나요? 설명을 드리겠습니다.
이것은 모든 커뮤니티 페이지에 있는 것입니다.
Previews 구성 요소를 비활성화한 상태입니다. 콘텐츠가 있는 푸터(노란색)가 있습니다. 시안색은 푸터의 위치를 설명하기 위한 다른 주요 구성 요소입니다.
Previews 구성 요소를 활성화한 상태입니다. 푸터 콘텐츠(노란색)가 완전히 사라지고, div가 비어 있습니다.
TLP는 Categories 페이지에 전혀 손을 대서는 안 됩니다(이 페이지는 개별 오버라이드를 방지하는 방식으로 구조화되어 있으며, 추가 요소를 넣을 공간도 없습니다!). 단, Featured Images가 활성화된 경우를 제외하고요.
콘솔에 빨간색 항목이 표시되고 있나요?
@per_coh 재현해 보았습니다. 끈기 있게 확인해 주셔서 감사합니다.
정말 이상하네요!!
하지만 제 기준으로 JavaScript 오류는 없습니다.
해당 플러그인 아웃렛에 대한 충돌도 없습니다.
시간이 나면 더 자세히 살펴보겠습니다. 다만, 수정 방법을 찾으셨다면 자유롭게 PR을 올려 주세요.
@merefield 감사합니다, 정말 감사합니다. 이 컴포넌트를 정말 좋아하는데, 아름답고 사용하기가 쉽거든요.
유일하게 눈여겨본 점은 관련이 있든 없든, 푸터의 엠퍼 "id"가 156과 157 사이에 변경된다는 것입니다. 157이 예약되어 있는 것처럼 보이기도 합니다.
@merefield 이 컴포넌트가 고급 검색에서 문제를 일으키고 있습니다. 검색 결과가 여러 개(50개 이상) 있음에도 불구하고 목록에는 하나만 표시됩니다.
콘솔에서 확인되는 오류입니다:
리포트 감사합니다. 확인해 보겠습니다. 거의 확실하게 코어에서 발생한 깨짐 변경사항(breaking change)입니다.
수정되었습니다: