브랜드 내비게이션 — 브랜딩된 메뉴 및 헤더 링크
 |
요약 | 브랜드 내비게이션은 직접 링크와 드롭다운 메뉴가 포함된 브랜딩된 내비게이션 바를 추가하고, Discourse 헤더에 선택적인 텍스트 및 아이콘 링크를 추가합니다. |
 |
미리보기 | 스크린샷 및 라이브 예시 |
 |
저장소 | CodeWorksLabs/brand-navigation |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
Discourse 테마 초보자? | Discourse 테마 사용 입문 가이드 |
이 테마 컴포넌트 설치
브랜드 내비게이션은 웹사이트, 커뮤니티 리소스 및 관련 프로젝트로 연결되는 브랜딩된 내비게이션 바를 커뮤니티에 제공합니다. 드롭다운 메뉴를 지원하며, Discourse 자체의 헤더에 직접 텍스트 또는 아이콘 링크를 배치할 수도 있습니다.
예시
The Bridge: 포럼 헤더 위쪽에 위치하는 내비게이션 바로, Discourse 헤더 컨트롤 옆에 추가 링크가 있습니다.
Repeal OBBBA Forum: Discourse 헤더에 커뮤니티 메뉴와 소셜 링크가 포함된 빨간색 내비게이션 바입니다.
기능
- 브랜드 아이덴티티: 이름, 로고 또는 둘 다를 표시하며, 밝은 모드와 어두운 모드용 로고를 별도로 설정할 수 있습니다. 바를 Discourse 헤더 위쪽이나 아래쪽에 배치할 수 있습니다.
- 링크 및 메뉴: 직접 링크와 하위 메뉴 한 단계를 추가할 수 있습니다. 부모 항목은 별도의 메뉴 화살표와 함께 페이지로 링크하거나, 단순히 하위 메뉴 버튼으로만 작동하도록 설정할 수 있습니다. 항목에는 아이콘과 선택적인 하위 메뉴 설명을 포함할 수 있습니다.
- 헤더 링크: 소셜 링크, 포럼 링크 및 외부 링크를 Discourse 코어 헤더에 배치합니다.
- 대상 사용자 및 기기 제어: 모든 사용자, 로그인한 방문자, 또는 로그아웃된 방문자에게 항목을 표시하도록 설정하고, 데스크톱 또는 모바일 가시성을 선택할 수 있습니다.
- 모바일 레이아웃: 컴팩트 메뉴, 전체 바, 또는 모바일에서 컴포넌트를 숨기는 방식을 사용할 수 있습니다.
- 외관 및 구성: Discourse 팔레트를 상속하거나 컴포넌트 색상을 설정하고, 헤더 링크 텍스트 및 아이콘 크기를 조정하며, 구조화된 편집기에서 항목 순서를 변경하고, JSON 구성을 내보내거나 가져올 수 있습니다.
시작하기
Brand Navigation 설치 · 링크, 메뉴 및 색상 추가 · 설정 백업 또는 이동
상태
는 사전 릴리스 버전으로 제공됩니다. 자세한 내용은 알려진 문제 및 테스트 기록을 참고하세요.
피드백 및 지원
질문, 스크린샷 및 구성 아이디어는 이 주제에서 환영합니다. 설치, 구성 및 문제 해결 도움말이 필요하면 CodeWorksLabs 포럼의 Brand Navigation Support에서 주제를 시작하세요.
버그, 호환성 보고 및 문서 수정 사항은 GitHub Issues를 통해서도 접수할 수 있습니다.
로드맵 및 기능 요청
제안됨, 계획됨, 진행 중 및 출시된 작업을 확인하려면 Brand Navigation 로드맵을 따라보세요.
Brand Navigation을 개선할 아이디어가 있나요? Feature Requests에서 공유해 주세요.
Brand Navigation은 CodeWorksLabs가 독립적으로 유지 관리하며 GPL-2.0-or-later 라이선스로 배포됩니다.
감사의 글
Discourse Brand Header, Discourse Header Submenus, Custom Header Links (icons)의 저자들, 그리고 Pavilion의 Dropdown Header에 아이디어와 예시를 제공해 주셔서 감사합니다. 전체 크레딧은 귀속 및 라이선싱 및 저작권 및 출처 기록을 참고하세요.