angus
5월 4, 2022, 11:49오후
1
이 테마 컴포넌트를 사용하면 텍스트, 아이콘 및 드롭다운 링크를 Discourse 사이트의 네이티브 헤더에 추가할 수 있습니다.
버그 보고서, 기능 요청 및 PR을 환영합니다. 후원을 통해 Pavilion 팀이 이 컴포넌트 개발을 우선순위로 처리할 수 있습니다.
GitHub 저장소 보기
링크 커스터마이징, 아이콘 소싱, 링크 보안 추가, 위치 지정 등 컴포넌트를 사용자 정의할 수 있는 다양한 설정이 있습니다.
모든 설정 목록과 자세한 설명은 여기 에서 확인할 수 있습니다.
Discourse의 기존 헤더와 동일한 줄에 아이콘, 링크 및 드롭다운 링크를 배치하고 싶을 때 이 컴포넌트가 유용합니다. 불필요한 혼란이나 사이드바의 과도한 팽창 없이 많은 양의 접근 가능한 링크를 제공할 수 있는 좋은 방법입니다.
많은 양의 드롭다운 링크가 필요하시다면, Discourse의 원래 헤더 위에 헤더 메뉴 행을 생성하는 Header submenus 를 확인해 보세요.
이 컴포넌트는 드롭다운 없이 링크만 추가하는 것도 지원하지만, 드롭다운 없이 링크만 필요하시다면 Custom Header Links 를 자유롭게 사용하세요.
데스크톱:
모바일 :
50개의 좋아요
Fma965
5월 7, 2022, 8:56오후
2
왜 그런지 확실하지는 않지만, 내 경우에는 활성화하는 즉시 헤더가 사라지는 문제가 발생합니다. 다른 컴포넌트가 없는 깔끔한 테마에서도, 여러 기본 테마를 시도해 보았지만 마찬가지입니다.
<div id="ember7" class="d-header-wrap ember-view"><div></div></div>
(c99a6b10fb )
1개의 좋아요
keegan
5월 7, 2022, 11:50오후
3
Hey @Fma965 , 죄송합니다. 몇 가지 작은 버그에 대한 수정 사항을 배포했습니다. 이제 정상적으로 작동할 것으로 예상됩니다. 어떻게 되는지 알려주세요.
3개의 좋아요
Fma965
5월 8, 2022, 1:53오후
5
참고할 점 중 하나는, 이 링크들은 a 태그를 사용하지 않으므로 헤더 링크 플러그인처럼 마우스 중간 클릭으로 링크를 열 수 없다는 것입니다. a 태그를 사용하지 않는 특별한 이유가 있나요?
2개의 좋아요
keegan
5월 12, 2022, 10:28오후
6
@Fma965
음.. 흥미로운 지적이네요. 앵커 태그를 사용하지 않은 이유는 각 링크가 위젯이며, 드롭다운 항목이 존재할 경우 드롭다운을 생성할 수 있기 때문입니다. 위젯을 사용하면 DiscourseURL.routeTo(this.attrs.url);을 호출하는 click() 메서드의 장점도 함께 활용할 수 있습니다.
이 방식에는 주제 내 위치를 유지하는 등의 이점이 있습니다. 예를 들어 앵커 태그로 주제 링크를 클릭하면 항상 주제 상단부터 시작하게 됩니다. 하지만 이전에 해당 주제를 방문한 적이 있고 마지막에 주제를 중간쯤에서 읽었다면, routeTo 방식은 사용자를 주제 내 동일한 위치로 이동시켜 줍니다.
위젯 클릭에 중간 클릭(middle click) 기능을 추가할 방법이 있을까 궁금하네요. 조사해 봐야겠지만, 아마 Discourse 팀의 누군가가 아이디어를 가지고 있을 수도 있겠습니다.
1개의 좋아요
Fma965
5월 12, 2022, 11:29오후
7
네, 이게 이 내용과 관련이 있을 거라고 생각했어요. 그냥 제 모더레이터 중 한 명이 언급한 내용이라, 혹시 모르니 여기서 한번 언급해 보려고요
1개의 좋아요
Keegan님, 이 테마 컴포넌트를 만들어 주셔서 감사합니다! 이전에 살펴본 Custom Header Links와 Header Submenu 컴포넌트 사이를 완벽하게 연결해 주는 역할입니다.
다른 두 테마 컴포넌트처럼, 여기에 추가하는 링크에 ‘target’ 옵션(새 탭에서 열기)을 추가할 수 있을까요?
1개의 좋아요
attj
9월 8, 2022, 3:21오후
9
외부 소스에서 서브메뉴 항목을 수동으로 채우고 있으며, 항목을 가져오기 위해 루프 안에서 여러 개의 AJAX 요청을 보내고 있습니다. 당연히 항목 수가 많을 경우, 모든 요청이 완료되기 전에 컴포넌트가 로드되어 일부 항목이 누락됩니다. 소스를 수정하여 이를 해결할 수 있을까요?
1개의 좋아요
놀라운 컴포넌트네요. 공유해 주셔서 감사합니다
ImaCrea
12월 5, 2022, 3:25오후
12
안녕하세요! 훌륭한 컴포넌트를 제공해 주셔서 감사합니다
포럼에 로그인하지 않은 상태에서 오른쪽 여백이 누락된 것 같습니다. 현재 모습은 다음과 같습니다:
반면에 로그인 상태에서는 문제가 없습니다.
개선에 도움이 되길 바랍니다.
kiefferr
1월 14, 2023, 8:53오후
13
다음과 같은 기능이 가능할까요?
영구 URL에 대한 링크?
이전에 언급했듯이 새 탭에서 열리도록 설정하는 대상 링크?
우리는 현재 Discourse 서버에 새로운 인스턴스를 설정하고 있으며, Discourse 메뉴가 WordPress 사이트와 최대한 유사하도록 맞추고자 노력하고 있습니다.
감사합니다
1개의 좋아요
Roi
1월 15, 2023, 2:10오후
14
저는 "Custom Header Links"와 "Easy Footer components"를 대체하기 위해 이 컴포넌트를 설치했습니다.
정말 마음에 드는 컴포넌트입니다. 정말 훌륭해요!
Ryan Kieffer:
영구적인 URL로 링크?
제 환경에서는 잘 작동합니다. _blank 타겟을 의미하시나요? 아니면 일반적인 외부 URL(이것도 제 환경에서는 잘 작동합니다)을 말씀하시는 건가요?
한 가지 발견한 점이 있습니다: 모바일 기기에서는 아래로 스크롤할 수 없습니다. 메뉴가 너무 많은 것 같습니다. 이 부분을 조정할 수 있을까요?
2개의 좋아요
Roi
2월 21, 2023, 5:31오후
15
해당 문제에 대한 PR을 방금 만들었습니다:
main ← msebald:patch-1
merged 08:52AM - 23 Feb 23 UTC
fixes https://github.com/paviliondev/discourse-dropdown-header/issues/5
위 링크를 확인하면 조정된 CSS가 의도한 대로 작동하는 것을 볼 수 있습니다.
3개의 좋아요
안녕하세요, 훌륭한 컴포넌트를 만들어 주셔서 감사합니다!
또한 로고를 클릭하면 링크의 텍스트와 아이콘이 변경되는 것도 확인했습니다.
짧은 동영상 예시를 첨부합니다:
페이지 링크는 다음과 같습니다: https://oii.francescomancuso.it/forum/
어떻게 수정할 수 있을까요? 미리 감사드립니다!
1개의 좋아요
훌륭한 테마 컴포넌트입니다!
지금처럼 같은 탭에서 열리지 않고 새 탭에서 링크가 열리도록 설정할 수 있다면 훨씬 더 좋아질 것 같습니다.
Canapin
6월 14, 2023, 5:04오후
18
Francesco님, 안녕하세요
기꺼이 확인해 드리겠지만, 레이아웃을 변경하셨고 apparently 더 이상 링크를 표시하기 위해 해당 컴포넌트를 사용하지 않는 것 같습니다.
테스트 포럼에서는 해당 문제를 재현할 수 없었습니다.
혹시 다시 한번 확인해 주시고 문제가 여전히 있는지 알려주시면 감사하겠습니다.
이러한 기능이 구현된다면, 외부 링크에 대한 사용자 설정(모든 외부 링크를 새 탭에서 열기 설정)을 무시해야 한다고 생각하시나요?
2개의 좋아요
안녕하세요, 답변해 주셔서 정말 감사합니다.
플랫폼 전체에 걸쳐 통일된 그래픽을 만들기 위해 레이아웃을 변경하기로 결정했습니다.
좋은 하루 보내세요
2개의 좋아요
사용자의 설정을 따르는 것이 맞다고 생각합니다. 단, 관리자나 모더레이터가 이를 재정의한 경우를 제외하고요.
음… 이 테마 컴포넌트를 막 구현했는데, 기존 장기 회원들로부터 꽤 타당한 피드백을 받았습니다.
결론적으로, 제가 다음과 같은 순서로 동작하면:
(1) 먼저 헤더의 검색 버튼을 클릭하고,
(2) 그 다음 드롭다운 헤더에 마우스를 올리는 경우.
반대로, 먼저 드롭다운 헤더에 마우스를 올린 다음 검색 버튼을 클릭하면, 제가 예상했던 대로 동작합니다. 즉, (1) 드롭다운 메뉴가 사라지고 (2) 검색 바가 나타납니다.
또 다른 회원은 모바일에서 보이는 외관에 대해 불만을 제기했는데, 이 테마 컴포넌트를 데스크톱에서만 활성화할 수 있는 방법이 있을까요?
감사합니다
1개의 좋아요
개요
코드
설정
사용 시점
미리보기
.
