Añadir html personalizado debajo de la cabecera (d-header-wrap) en lugar de main-outlet

¡Hola a todos! Estoy intentando añadir HTML personalizado debajo del encabezado, fuera del main-outlet con la clase wrap, ya que quiero evitar que se centre.

Figma tiene algo similar (Ejemplo)

2 Me gusta

Hola @AmericanGuy! :wave:

Hay un excelente componente de tema que te permite ver todas las salidas disponibles en las que puedes agregar código HTML personalizado:

Después de habilitar el componente de tema en tu tema, puedes mostrar u ocultar las ubicaciones de las salidas en tu sitio web haciendo clic en el ícono de salida junto al ícono de búsqueda: outlet icon

Puedes ver que hay una salida llamada “below-site-header” justo debajo del encabezado.

Ahora, puedes colocar tu HTML personalizado en esta salida usando este código en la pestaña Head de tu tema o componente:

<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/my-custom-element">
    test
</script>

(reemplaza my-custom-element con uno único y más descriptivo)

Así es como se verá (mira en la parte superior izquierda de la imagen):

Puedes leer más sobre las salidas aquí: Developing Discourse Themes & Theme Components :magic_wand:

4 Me gusta

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