I noticed that the Sitepoint forums have links within the Discourse header itself. How was this achieved? I came across a post that suggested adding links above the header and then using CSS to position them so it looks like they’re part of the Discourse header. I’d prefer not to do it this way but…

We use a plugin where we override the entire header template. Specifically assets/javascripts/discourse/templates/header.hbs master {{! SP CUSTOMIZATION - ENTIRE FILE }} <div class='container'> <div class='contents clearfix'> {{!-- {{home-logo minimized=showExtraInfo}} -…

Was it this one you meant @jamesmarkcook . This is the one we use and works quite well [image] (Superseded) Add header menu links Site Management This tutorial has been superseded by a theme component courtesy of @Johani . ▶ outdated tutorial

Thanks very much for the heads up. I’ll adapt this for my needs :thumbsup:

Just be warned, it makes upgrading a chore from time to time, as you are in charge of your header entirely and you can break it. So unless you have a staging server that you can test against for upgrades, I’d find a different route.

Ok thanks for the warning. I’ll have a think :thinking:

Feverbee also has header links that I helped them out with, they are using this code: <script type="text/discourse-plugin" version="0.2"> api.decorateWidget('home-logo:after', helper => { const showExtraInfo = helper.attrs.minimized; if(!showExtraInfo) { return helper.h('ul.…

this one works well as well: [image] Adding header links post vdom upgrade support So, post-vdom’ing of the header, this old code: <script type='text/x-handlebars' data-template-name='/connectors/header-after-home-logo/add-header-links'> {{#unless showExtraInfo}} <a …

in the FeverBee site the links go into a drop-down menu as the screen gets smaller. i tried these codes and couldn’t produce it. do you know how i can produce it?

I haven’t a clue to what you are referring to… can you explain what it is they are doing in a way I can reproduce it and see it? As When I shrink the window on desktop, it isn’t doing anything for me.

here is the page header in the large scale: [image] here is the header when i resize the page (you can see the 3-lines menu in the right): [image] and here is the image when you click on this three-line menu: [image] the links has gone into this menu. i hope i could explain what i meant. whe…

[image] Pad_Pors: the links has gone into this menu. i hope i could explain what i meant. when i used the above codes, after i shrink the window the header becomes little bit noisy (as a result of no-space condition): That’s their main website and not Discourse though. The code I helped them …

Ajout de liens dans l'en-tête de Discourse

Soutien

Pad_Pors (Pad Pors) Juillet 26, 2016, 6:55 8

this one works well as well:

Sujet		Réponses	Vues
Why isn't there an obvious link from meta.discourse.org to discourse.org in the header? Site feedback	20	2860	Novembre 2, 2017
Link on Top header to Go to Home page of main site Support	3	1295	Février 2, 2024
Adding header links post vdom upgrade Support	26	6075	Juin 8, 2024
Why is the large middle blankspace in the header not configurable? Support	3	2025	Janvier 21, 2019
Need plugin code for customised dicourse header Support	10	1536	Septembre 11, 2022

Ajout de liens dans l'en-tête de Discourse

Sujets connexes