Adicionar botão no cabeçalho para usuários logados

Dev
1

Como posso adicionar um botão ao cabeçalho apenas para usuários logados? Eu precisaria adicionar um texto e um link personalizados para este botão.

2

Você já pesquisou na categoria Theme component para ver se já existe algo que atenda às suas necessidades?

1 curtida
3

Exibindo Apenas para Usuários Logados

Você pode segmentar usuários anônimos para ocultar elementos deles. Como este, por exemplo, que oculta as tags no menu da barra lateral de navegação de usuários que não estão logados. Você pode usar um código semelhante para ocultar qualquer elemento no cabeçalho de usuários anônimos.

.anon .sidebar-section-wrapper.sidebar-section[data-section-name=\"tags\"] {
    display: none;
}
2 curtidas
4

esta é uma ótima solução,
Eu realmente queria apenas um botão no topo.
Acabei pedindo ao ChatGPT como adicioná-lo manualmente com código e ele me deu uma solução funcional…

Cabeçalho:

<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 curtida
5

bom trabalho @Sami_Syed.

Eu uso o link do cabeçalho Ícone TC acima no meu fórum para um ícone apenas para usuários móveis.

1 curtida
6

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