Agregar botón en la cabecera para usuarios registrados

Desarrollador
1

¿Cómo puedo añadir un botón en la cabecera solo para usuarios registrados? Necesitaría añadir texto y un enlace personalizados para este botón.

2

¿Has buscado en la categoría Theme component para ver si ya existe algo que se ajuste a tus necesidades?

1 me gusta
3

Mostrar solo para usuarios registrados

Puedes dirigirte a los usuarios anónimos para ocultarles elementos. Como esto, por ejemplo, que oculta las etiquetas en el menú de la barra lateral de navegación de los usuarios que no han iniciado sesión. Puedes usar un código similar para ocultar cualquier elemento en la cabecera de los usuarios anónimos.

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

esta es una gran solución,
solo quería un botón arriba.
Lo que terminé haciendo fue preguntarle a ChatGPT cómo agregarlo manualmente con código y me dio una solución que funciona…

Encabezado:

<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 me gusta
5

Buen trabajo @Sami_Syed.

Uso el encabezado Icon link TC de arriba en mi foro para un icono solo para usuarios móviles.

1 me gusta
6

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