Summary | Custom Header Links allows you to easily add custom text-based links to the header. | |
Preview | Preview on Discourse Theme Creator | |
Repository Link | https://github.com/discourse/discourse-custom-header-links | |
New to Discourse Themes? | Beginner’s guide to using Discourse Themes |
Install this theme component
Features
Desktop
Mobile
(due to very limited space I don’t recommend adding more than one link on mobiles)
Settings
Name | Description |
---|---|
custom header links | Custom links to be displayed in the header |
links position | Note that when links are displayed on the left, they’re automatically hidden while scrolling within topics to make room for the title |
Adding links is straightforward. Every link needs 6 items. You enter comma delimited values in this order:
link text, link title, URL, view, target, hide on scroll
Link text: the text for the link.
Link title: the text that shows when the link is hovered.
URL: The path for the link (can be relative).
View: vdm = desktop and mobile, vdo = desktop only, vmo = mobile only.
Target: blank = opens in a new tab, self = opens in the same tab.
Hide on scroll: remove = hides the link when the title is expanded on topic pages keep = keeps the link visible even when the title is visible on topic pages.
If you’re not sure what hide on scroll
does, here’s an example:
Most Liked and Privacy are set to keep
and so they remain visible. The other links are set to remove
, and so are hidden when the title expands in the header. This only affects topic pages.
Links position: This setting allows you to change the default layout so links will appear on the left near the logo instead of on the right. Note that when positioned to the left, links will automatically be hidden when scrolling within topics to make room for the topic title.
Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.
Last edited by @JammyDodger 2024-06-11T20:31:00Z
Check document
Perform check on document: