Custom Hamburger Menu Links

:discourse2: Summary Custom Hamburger Menu Links will allow you to easily add links to the hamburger menu.
:eyeglasses: Preview Preview on theme-creator.discourse.org
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-custom-hamburger-links
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Samples

Desktop

Mobile


Settings

You add links via comma delimited values in this order:

Text,URL,Location,Target

Text
is the name of the link that shows on the menu.

URL
is the path you want the link to have. You can use relative paths like

/tags/funny
or
/t/231

if you prefer.

Location
can have one of two values. Either the letter g or the letter f

Use “g” if you want the link to appear in the generalLinks section:

or use “f” if you want the link to appear in the footerLinks section:

Target (optional)
Use “blank” if you need the link to open in a new tab.

59개의 좋아요
How can I create a new link in the drop down menu?
How to customise the dropdown menu
Login Required activated - after successfull login it transfers you to nonexisting page
Add a new item to the "About" page
Globally pinned/banner topics management
Add a global header between Discourse & Website
Deep link to profile edit page
Add Custom elements to Experimental Sidebar
Locations Plugin :earth_africa:
How to customise the dropdown menu
Edit the hamburger menu to have new hyperlink to a page
Better navigation for (structured) tags
2021: The Year in Review
Why is Guidelines called FAQ? Can we link to GUIDELINES and FAQ from hamburger menu?
How can I add the Terms of Service and Privacy to the hamburguer menu?
Try out the new sidebar and notification menus!
Try out the new sidebar and notification menus!
Privacy Policy does't meet Google's requirements
Can I enable the sidebar?
How to re-position an option from Hamburger menu
Customizing FAQs and Guidelines
User-defined theme switcher disappears on admin pages
2023: The Year in Review
My Wiki of useful Meta (and other) links
Heading for group of categories
Add the ability to move a link to the hamburger menu on mobile
How to let the customer change their credit card info
How to add a Leaderboard link to the hamburger menu?
Rearrange Existing Hamburger Menu Items
Air Theme
How can I add custom hamburger menu
Can I add/change the links at the bottom of the menu?
Custom pages for About and Guidelines - how to replace the default?
Locations Plugin :earth_africa:

Thats a nice addition, thanks for that. It’s already installed :smiley:

Could you add a target option so that it is possible to open the link in a new tab/window (if no target is given just use “_self”)

Text,URL,Location,Target

10개의 좋아요

드롭다운 패널 맨 위에 링크를 배치할 수 있는 옵션을 추가해 주세요 :slight_smile:

5개의 좋아요

나중에 나도 직접 시도해 볼 수도 있겠네요 (먼저 조금 공부해야 하지만), 일단 지금은 내 생각을 여기에 적어 두겠습니다:

기능 요청 사항:

1순위: 호버 텍스트(hover text) 허용. 이제 핵심 햄버거 링크에 사용되고 있으며, 매우 유용할 것입니다.

2순위: Rob의 포크(fork)와 병합. 분명 좋은 아이디어입니다:

3순위: Richie의 제안대로 target=“_blank” 허용 (이것도 분명 훌륭한 아이디어):

4순위: 링크 순서에 대한 더 많은 제어 기능 허용 (아마도 매우 까다로울 것입니다!)

7개의 좋아요

사용자 인터페이스 언어에 따라 사용자 정의 햄버거 메뉴 링크를 번역할 수 있는 방법이 있을까요?

예를 들어, YAML 번역 파일을 사용자 정의 플러그인으로 감싸서 사용할 수 있지만, 어떤 번역 키를 사용할 수 있는지 확실하지 않습니다.

실제로 이 작업을 수행할 수 있는 방법이 없나요?

2개의 좋아요

링크를 특정 순서로 배치하도록 커스터마이즈하는 방법이 있을까요?

6개의 좋아요

새 탭에서 여는 것이 가능한가요?

1개의 좋아요

이제 아무도 이 작업을 하지 않는 것 같아요 @savas :confused:

2개의 좋아요

위치에 f를 추가해도 푸터 링크에 이 항목을 추가하는 데 문제가 생기는 것 같습니다. 같은 문제를 겪고 계신 분이 계신가요?

1개의 좋아요

오늘 저녁에 이걸 보고 정말 흥분했어요!!

링크를 target="_blank" 으로 여는 새로운 기능이 생겼길 정말 정말 바랐거든요 :scream:

바로 GitHub으로 달려가서 새로운 게 뭔지 확인했어요!

아 @tshenry 정말 실망했어요 :pensive:

:rofl:

3개의 좋아요

이것은 도움이 될까요? :wink:

가장 많이 요청된 기능이었지만, 지원 기능을 추가하는 것이 그렇게 어렵지 않았습니다. 당분간은 여기까지입니다 :slight_smile:

18개의 좋아요

제 인생이 이제 완성되었습니다 :heart_eyes:

@tshenry 정말 기쁜 소식입니다, 감사합니다! :clap:t2: :bowing_man:t2:

4개의 좋아요

잠깐 질문이 있는데, 커스텀 햄버거 메뉴 텍스트는 어떻게 로컬라이제이션하나요? 포럼을 완전히 로컬라이제이션하고 싶은데, 어디서도 해당 텍스트를 찾을 수가 없네요.

2개의 좋아요

이것은 유용한 컴포넌트입니다. 하지만 여기에 Font Awesome 아이콘을 추가할 수 있을까요? 소셜 미디어 프로필 아이콘을 여기에 표시하면 사람들이 우리의 소셜 프로필을 쉽게 팔로우할 수 있을 텐데, 그게 정말 좋겠습니다.

2개의 좋아요

정말 훌륭합니다, 감사합니다! :wink:
혹시 커스텀 햄버거 메뉴 텍스트를 로컬라이즈하는 방법을 간단히 알려주실 수 있을까요?

3개의 좋아요

아이콘 지원 기능을 추가했습니다. 이 컴포넌트 포크를 사용해 볼 수 있습니다: https://github.com/nolosb/discourse-custom-hamburger-links-with-icons.git

사용법에 대한 두 가지 참고 사항:

  • 아이콘은 목록의 첫 번째 항목이 됩니다:
    Screenshot from 2021-07-01 11-10-15
    아이콘이 없는 링크를 원한다면 아이콘을 추가하지 않으면 되지만, 끝부분의 쉼표 ,는 유지해야 합니다.
    Screenshot from 2021-07-01 11-10-40

  • 기본적으로 포함되지 않는 아이콘인 경우, 아이콘 목록에 추가하는 것을 잊지 마세요:
    Screenshot from 2021-07-01 11-11-06

7개의 좋아요

이 변경 사항을 공식 테마(Theme) 컴포넌트에 푸시할 수 있을까요? 공식 테마 컴포넌트를 설치해 두는 것이 항상 더 좋습니다. 이는 Discourse의 향후 업데이트와 함께 유지 관리되므로요.

8개의 좋아요

공식 플러그인과 이 기능이 통합되면 좋겠습니다. 햄버거 메뉴에 소셜 미디어 버튼을 추가하고 싶은데, 아이콘이 없으면 보기 좋지 않을 것 같습니다.

또한, CSV 필드에는 공백이 허용되지 않는다는 점이 조금 불분명합니다.
이렇게 하면 정상 작동합니다: Footer Link,https://google.com,f
하지만 공백이 있는 경우, 공백이 누락되어 Footer Link, https://google.com, f 항목이 푸터가 아닌 일반 필드에 삽입됩니다.

2개의 좋아요

안녕하세요!

새로운 사이드바에서 링크에 사용자 지정 아이콘을 추가할 수 있으면 좋은 기능이 될 것 같습니다.

이 작업을 시도해 보고 며칠 내에 PR을 올릴 수 있을 것 같습니다…

9개의 좋아요

간단한 질문이 있습니다…

새로운 Discourse 인스턴스에 테마 컴포넌트를 설치했는데, 이유를 알 수 없는 이유로 사이드바의 더 보기 섹션에 기본 링크가 표시되지 않습니다:

코드를 수정하지 않았으며, 테마 컴포넌트를 새로 설치한 상태입니다.

그러나 2년 전에 설치한 테마 컴포넌트는 다른 포럼에서는 정상적으로 작동합니다:

오류 메시지도 표시되지 않습니다. 새로운 설치 환경에서 테마 컴포넌트가 작동하지 않는 이유가 무엇일까요? :thinking:

4개의 좋아요