Ajout de HTML personnalisé sous l'en-tête (d-header-wrap) au lieu de main-outlet

Salut à tous ! J’essaie d’ajouter du HTML personnalisé sous l’en-tête, en dehors du main-outlet avec la classe wrap, car je veux éviter qu’il soit centré au milieu.

Figma a quelque chose de similaire (Exemple)

2 « J'aime »

Salut @AmericanGuy ! :wave:

Il existe un excellent composant de thème qui vous permet de voir tous les points de sortie disponibles dans lesquels vous pouvez ajouter du code HTML personnalisé :

Après avoir activé le composant de thème dans votre thème, vous pouvez afficher ou masquer les emplacements des points de sortie sur votre site Web en cliquant sur l’icône de point de sortie à côté de l’icône de recherche : outlet icon

Vous pouvez voir qu’il y a un point de sortie nommé « below-site-header » juste en dessous de l’en-tête.

Maintenant, vous pouvez insérer votre HTML personnalisé dans ce point de sortie en utilisant ce code dans l’onglet Head de votre thème ou composant :

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

(remplacez my-custom-element par un nom unique et plus descriptif)

Voici à quoi cela ressemblera (regardez en haut à gauche de l’image) :

Vous pouvez en savoir plus sur les points de sortie ici : Developing Discourse Themes & Theme Components :magic_wand:

4 « J'aime »

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