Adicionando html personalizado sob o cabeçalho (d-header-wrap) em vez de main-outlet

Olá a todos! Estou tentando adicionar HTML personalizado sob o cabeçalho, fora do main-outlet com a classe wrap, pois quero evitar que ele seja centralizado.

O Figma tem algo semelhante (Exemplo)

2 curtidas

Olá @AmericanGuy! :wave:

Existe um excelente componente de tema que permite ver todas as saídas disponíveis nas quais você pode adicionar código HTML personalizado:

Depois de habilitar o componente de tema em seu tema, você pode exibir ou ocultar os locais das saídas em seu site clicando no ícone de saída ao lado do ícone de pesquisa: outlet icon

Você pode ver que há uma saída chamada “below-site-header” logo abaixo do cabeçalho.

Agora, você pode colocar seu HTML personalizado nesta saída usando este código na aba Head do seu tema ou componente:

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

(substitua my-custom-element por um nome exclusivo e mais descritivo)

Veja como ficará (olhe no canto superior esquerdo da imagem):

Você pode ler mais sobre saídas aqui: Developing Discourse Themes & Theme Components :magic_wand:

4 curtidas

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