Brand Header ajoute un en-tête supérieur supplémentaire pour l’identité visuelle avec votre logo, des liens de navigation et des icônes sociales, tant pour les vues mobiles que de bureau. Le logo de la marque peut être une image ou du texte.
Liste des icônes FontAwesome 6 utilisées dans ce composant de thème
afficher la barre sur mobile
point d’accès au plugin
Utilisation des icônes Font Awesome 6
Pour permettre aux icônes Font Awesome 6 de s’afficher correctement dans ce composant de thème, vous devez les ajouter à 3 endroits dans Discourse :
Le paramètre du site sous-ensemble d'icônes svg
Le paramètre icônes personnalisées Font Awesome dans le composant
Le paramètre icônes dans le composant
De plus, pour certaines icônes Font Awesome 6, vous devrez spécifier un préfixe fa ou fab avec le nom de l’icône (par exemple : “fab-bluesky”), car certaines icônes font partie d’un sous-ensemble spécifique d’icônes. Consultez Nous mettons à jour nos icônes vers Font Awesome 6 ! pour plus de détails sur cette utilisation.
Une fois ces icônes ajoutées aux trois endroits, vous devriez les voir s’afficher correctement dans le composant de thème Brand Header.
Hébergé par nous ? Les composants de thème sont disponibles pour une utilisation sur nos offres Standard, Business et Entreprise.
One small issue. Currently, if a header link is internal to a site (e.g. to a particular category), if it is tapped in the responsive menu, the responsive menu will stay open. The expected behaviour is that the menu would close.
I am also seeing this issue for internal links, where the header does not disappear on mobile. Instead, the header slides right and leaves the main page opaque (I believe an overlay is being set), even if the header is folded back up.
In the mobile view, when we click on the hamburger menu, if then we click outside of the menu, the hamburger menu would be expanded even more, instead of closing. and also it has some other glitches. for example when hamburger menu is open and we click on a topic link.
I love this change, but on several sites where I use it personally, and on a hosted site I’m a moderator of (the NaNoWriMo forums) we’ve been seeing some issues. Unlike the regular hamburger menu, if you try to swipe it away it bounces back onto the screen.
I’ve personally seen this on a fully updated Moto (g7) Power on Android 9 and on a fully updated iPhone 8.
There has also been at least one report of the menu opening on touches near the icon and not just on it, but I’ve personally been unable to reproduce that particular behavior.
Il semble que ce serait très utile de pouvoir ajouter des attributs aux liens d’en-tête d’une manière ou d’une autre, par exemple pour la classe CSS, la cible, etc.
J’ai reçu une demande expliquant pourquoi le menu ne fonctionne pas sur les appareils mobiles. L’utilisateur a appuyé sur le menu burger à gauche, puis sur un lien du menu, mais il a perçu que cela ne fonctionnait pas car le menu occupait toujours la majeure partie de l’écran.
J’ai dû expliquer qu’il faut toucher quelque part à droite de l’écran, à côté du menu, pour le fermer.
Serait-il possible de le rendre plus intuitif, soit en :
Fermant automatiquement le menu lorsque vous cliquez sur un lien du menu sur les appareils mobiles ?
Ajoutant un bouton « Fermer le menu » sur les appareils mobiles ?
Je voulais faire une demande similaire. Souvent, sur mobile, j’essaie de fermer le menu en le faisant glisser vers la gauche. Cela semble fonctionner, mais il revient aussitôt en place. Pour les autres menus de Discourse, le fait de les faire glisser sur le côté permet de les fermer.
D’après les 2 derniers messages, c’est cassé depuis au moins 5 mois et personne n’a répondu. Je vais supposer que ce composant de thème est abandonné, à moins que quelqu’un ne dise le contraire.
Hébergé par nous ? Les composants de thème sont disponibles pour une utilisation sur nos offres Standard, Business et Entreprise.
