Ajouter un bouton dans l'en-tête pour les utilisateurs connectés

Dev
1

Comment puis-je ajouter un bouton dans l’en-tête uniquement pour les utilisateurs connectés. J’aurais besoin d’ajouter un texte et un lien personnalisés pour ce bouton.

2

Avez-vous recherché dans la catégorie Theme component pour voir si quelque chose existe déjà qui répondrait à vos besoins ?

1 « J'aime »
3

Affichage uniquement pour les utilisateurs connectés

Vous pouvez cibler les utilisateurs anonymes pour leur masquer des éléments. Par exemple, ceci masque les balises dans le menu de la barre latérale de navigation pour les utilisateurs qui ne sont pas connectés. Vous pouvez utiliser un code similaire pour masquer n’importe quel élément de l’en-tête aux utilisateurs anonymes.

.anon .sidebar-section-wrapper.sidebar-section[data-section-name=\"tags\"] {
    display: none;
}
2 « J'aime »
4

C’est une excellente solution,
Je ne voulais vraiment qu’un seul bouton en haut.
J’ai fini par demander à ChatGPT comment l’ajouter manuellement avec du code et il m’a donné une solution fonctionnelle…

En-tête :

<script type="text/discourse-plugin" version="0.8.22">
api.decorateWidget('header-buttons:after', helper => {
    let currentUser = api.getCurrentUser();
    if (!currentUser) return; 
    
    return helper.h('li.custom-login-button-li', [
        helper.h('a.custom-login-button', { href: 'ENTER URL HERE', target: '_blank'}, 'Button')
    ]);
});
</script>

CSS

.custom-login-button {
    display: inline-block;
    margin: 0;
    padding: 0.5em 1em;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    font-weight: bold;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff !important;
    background-color: #0084ff;
    border-color: #0076e6;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.custom-login-button:hover {
    background-color: #0076e6;
    border-color: #0065d0;
}

.custom-login-button-li {
    list-style-type: none;
}
1 « J'aime »
5

Beau travail @Sami_Syed.

J’utilise le lien d’en-tête Icône TC ci-dessus sur mon forum pour une icône destinée uniquement aux utilisateurs mobiles.

1 « J'aime »
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.