Hi, After one too many spam attacks, I have set my forum to invite-only, and set up a custom, rate-limited, way of handing out invites on my other web site. I’ve added links to the invite system to the FAQ and such, but I’d like to add a custom “Create Account” link next to the Log In link that is similarly only visible when the user is not logged in. The official Custom Header Links did not seem to have this feature (unless I missed something). I tried adding a link using api.decorateWidget but that generated a depreciation warning, so clearly that was not the right way. That suggested I need to use api.headerIcons.add(“foo”, FooIcon, { before: “search” }), but if I understand that, FooIcon is some sort of Component, and I don’t know what that is or how it would be created. So basically: I want to add a “Create Account” linked to a specific URL, next to the Log In button, when the user is not logged in. And I don’t know much at all about Themes or how to edit them. Thanks for any assistance.

[image] peternlewis: The official Custom Header Links did not seem to have this feature (unless I missed something). You can hide links added with that component for logged-in users with custom CSS. [image] Custom Header Links Theme component Hi, welcome! You can’t do it directly with the component, but you can use CSS to hide links. There is a .anon class you can rely on to determine whether a user is logged in. For example, if your link names are “Link 1” and “Link 2”: /* Logged-out users */ html.anon .link-1-custom-header-links { display: none; } /* Logged-in users */ html:not(.anon) .link-2-custom-header-links { display: none; } The HTML contains a class name where the link name is dasherized, followed by -custom-he…

[image] peternlewis: The official Custom Header Links did not seem to have this feature (unless I missed something). I’m not sure I understand what’s not working: if you just need to add a link, then what’s missing here? Edit: As usual, Moin reads better than me :eyes:

I also remembered DiscourseConnect Signup Button. But I think that only works if you are using DiscourseConnect.

That sounds like the solution then. I will report on how it turns out when I try it out. Thanks!

Ajout d'un lien d'en-tête pour les invités seulement

Assistance produit

Moin Septembre 4, 2025, 9:32 3

Vous pouvez masquer les liens ajoutés avec ce composant pour les utilisateurs connectés à l’aide de CSS personnalisé.

Sujet		Réponses	Vues
How can I add a button to the header? Product Support	4	1514	Octobre 31, 2019
Add button in header for logged in users Development	4	980	Août 26, 2023
Hide Custom Header Links from anon Development custom-header-links	4	480	Juin 3, 2025
Make Custom Header Links private for private/login required sites Feature custom-header-links	2	95	Mai 12, 2021
Control CSS based on user's logged in state Product Support	2	1179	Mai 1, 2019

Ajout d'un lien d'en-tête pour les invités seulement

Sujets connexes