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 [imagem] (Superseded) Add header menu links Site Management This tutorial has been superseded by a theme component courtesy of @Johani . play_button 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: [imagem] 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 showE…

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: [imagem] here is the header when i resize the page (you can see the 3-lines menu in the right): [imagem] and here is the image when you click on this three-line menu: [imagem] the links has gone into this menu. i hope i could explain what i meant…

[imagem] 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…

Adicionando links ao cabeçalho do Discourse

Suporte

Pad_Pors (Pad Pors) 26 Julho , 2016 18:55 8

this one works well as well:

Tópico		Respostas	Vistas
Why isn't there an obvious link from meta.discourse.org to discourse.org in the header? Site feedback	20	2901	2 Novembro , 2017
Link on Top header to Go to Home page of main site Support	1	1302	25 Fevereiro , 2020
Adding header links post vdom upgrade Support	25	6130	16 Outubro , 2017
Why is the large middle blankspace in the header not configurable? Support	2	2051	21 Janeiro , 2019
Need plugin code for customised dicourse header Support	8	1567	10 Maio , 2019

Adicionando links ao cabeçalho do Discourse

Related topics