사용자 정의 메뉴 탭

이 테마 컴포넌트를 사용하면 사용자 드롭다운 메뉴에 링크를 포함하는 사용자 지정 탭을 추가할 수 있습니다.

설정

탭의 아이콘을 사용자 지정하고, 사용자/모더레이터/관리자에게 표시할 링크를 설정하며, 각 링크에 대한 사용자 지정 아이콘을 설정할 수 있습니다.

이 테마 컴포넌트를 설치하세요

49개의 좋아요

@awesomerobot, 메뉴 항목을 특정 그룹/TL에만 표시하도록 요청할 수 있나요?

8개의 좋아요

네, 당연히 가능합니다. 현재 해당 컴포넌트는 다음과 같이 동작합니다:

 if (this.currentUser.moderator) {
          parseTabSettings(settings.moderator_only_tab_links);
          return items;
        }

…this.currentUser.moderator를 그룹 소속 여부 확인으로 교체하고… settings.moderator_only_tab_links는 해당 그룹에 특화된 링크로 교체하면 됩니다.

시간이 나면 다양한 그룹 이름과 링크를 받을 수 있는 설정을 추가하는 방안을 검토해 보겠습니다.

7개의 좋아요

컴포넌트를 제공해 주셔서 감사합니다. 매우 유용합니다. 작은 요청이 하나 있습니다. 새로 생성된 탭에 마우스를 올려도 설명이 없고, 설명을 추가할 곳도 없습니다.
Image from Gyazo

무언가를 놓치고 있는 건가요?

3개의 좋아요

무언가 빠진 것이 아닙니다. 이전에 설명을 추가할 방법이 없었습니다. 이제 설명을 추가할 수 있는 기능을 추가했으니, 구성 요소를 업데이트하면 구성 요소 설정 하단에 해당 옵션이 표시되어야 합니다.

8개의 좋아요

크리스님, 안녕하세요! :slightly_smiling_face: 정말 멋져요 :heart_eyes: 감사합니다!

한 가지 질문이 있어요. 탭 링크에 target blank 속성을 추가할 수 있는 방법이 있을까요? 포럼 외부로 연결되는 추가 부분이 있거든요.

다시 한번 감사합니다! :slightly_smiling_face: 좋은 하루 보내세요! :heart:

1개의 좋아요

요청을 과하게 늘리고 싶지는 않지만, Don의 요청 덕분에 다른 개선 사항들에 대해 생각하게 되었습니다. 예를 들어, 커스텀 탭 아이콘을 가장 오른쪽에 배치하고, 아이콘과 탭 배경의 색상을 변경하며, 내 자매 사이트로 향하는 빈 대상 링크를 설정할 수 있다면, 현재 사용 중인 수평 헤더 링크를 대체할 수 있을 것입니다. 아이콘과 배경의 색상을 다르게 설정할 수 있다는 점을 언급하는 이유는, 그렇게 하면 현재 사이트와 메뉴를 명확히 구분할 수 있기 때문입니다.

Kris님, 이 기능이 tc 설정에 추가될 가능성이 있을까요? 현재 프리미엄 사용자를 위한 이 추가 메뉴를 구현하려고 하고 있습니다 :slight_smile:

4개의 좋아요

안녕하세요 @awesomerobot, 이 기능을 구현하는 것을 기대하고 있습니다. 개발자를 고용해서 이 기능을 공식 저장소에 추가한다면 PR을 받아주실 건가요?

2개의 좋아요

이 컴포넌트는 정말 좋았지만, 새 사용자 메뉴 설정과 호환되지 않는 것 같네요? 새 메뉴를 커스터마이즈할 수 있는 비슷한 컴포넌트에 대한 계획이 있나요?

2개의 좋아요

몇 가지 아이디어가 떠올랐습니다… 컴포넌트 없이 관리자나 심지어 일반 사용자도 기본 상태에서 커스터마이징할 수 있는 기능일 수 있지만, 아직 초기 버전과 다른 몇 가지 개념을 실험 중이며, 그것이 실제로 어떻게 작동할지에 대해서는 진지하게 고려하지 않고 있습니다.

따라서 새로운 사용자 메뉴를 기본으로 설정하기 시작하면, 사람들이 이 기능을 원한다면 새로운 컴포넌트를 만드는 것이 합리적일 수 있습니다. 또한 사용자 메뉴 탭보다는 커스텀 사이드바 섹션으로 구현하는 것이 더 적합할 수도 있습니다?

4개의 좋아요

사실, 테마 컴포넌트나 백엔드를 통해 둘 다(사용자 메뉴와 사이드바)를 커스터마이즈할 수 있는 유사한 옵션이 있다면 가장 도움이 될 것 같습니다. 이렇게 하면 관리자로서 어느 한쪽에서 섹션을 제거하거나 추가할 수 있고, 다른 컴포넌트에서 항목이 중복 표시되지 않게 할 수 있습니다.

예를 들어, 일부 커뮤니티에서는 관리 탭은 유지하되 메뉴를 축소된 형태로 설정하고 싶습니다:

이 경우 사이드바에 관리자 섹션이나 북마크가 필요하지 않을 것입니다. 반면 다른 경우에는 사이드바에 해당 항목들이 있는 것이 훨씬 유용할 수 있습니다.

4개의 좋아요

이 멋진 기능 감사합니다.
새로운 아이콘을 추가하려고 했는데, 뭔가 빠뜨린 것 같습니다.
별(star)과 아기(baby) 아이콘은 잘 되는데, font awesome 아이콘은 작동하지 않아요.


2개의 좋아요

아직 Font Awesome 6을 사용하지 않고 있으므로, 사용 가능한 아이콘은 Font Awesome 5 세트에서 검색해야 합니다: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

해당 아이콘은 6버전에서 shop으로 이름이 변경되었지만, 5버전에서는 다른 이름인 store-alt로 존재했습니다. 따라서 additional icons와 custom tab icon 설정에서 store-alt를 사용하도록 변경하면 정상 작동할 것입니다!

3개의 좋아요

사용자 프로필 드롭다운 메뉴를 편집할 수 있도록 이 테마를 다운로드했습니다. 문제는 변경 사항을 커밋하는 방법을 모른다는 것입니다. 하단에 미리보기 옵션만 있고 저장할 곳이 없습니다. 테마 게시글에서 도움을 요청해 봤지만, 어떤 이유로 제 게시글이 삭제되었습니다. 도움이 큰 도움이 될 것입니다!

지시에 따라 다음과 같이 새로운 메뉴 항목을 만들었습니다:

그리고 다음과 같이 미리보기를 통해 정상 작동하는지 확인했습니다:

하지만 변경 사항을 커밋/저장할 곳이 없습니다! 테마 작동 방식에 대해 놓치고 있는 부분이 있을까요? 저장소 코드 자체를 직접 수정해야 하는 건가요? 무식한 질문해서 죄송합니다. 이 분야에 아주 초보입니다.

1개의 좋아요

테마에 테마 컴포넌트를 추가했나요?

2개의 좋아요

그랬더니 됐어요, 감사합니다! :slight_smile:

2개의 좋아요

공식 테마 컴포넌트인 것 같습니다 :tada:

GitHub 링크는 Discourse 저장소로 리디렉션되며, all-the-themes 저장소의 official.txt에 등재되어 있습니다. OP(첫 게시물)의 링크를 업데이트할 수 있을까요? 그렇게 하면 해당 저장소의 update_from_meta 스크립트가 이 컴포넌트를 공식으로 인식할 수 있으며, 서드파티 파일에 추가하려 하지 않을 것입니다. 이 컴포넌트는 이전 업데이트 시 실수로 추가된 후 12월에 third-party.txt에서 제거되었습니다. 저장소 URL을 변경하면 이러한 일이 다시 발생하는 것을 방지할 수 있습니다.

또한, official 태그와 공식 컴포넌트의 전형적인 요소를 갖춘 첫 게시물이 있으면 좋겠습니다.

1개의 좋아요