Navigation de la marque

Navigation de marque — menus et liens d’en-tête personnalisés

:information_source: Résumé Navigation de marque ajoute une barre de navigation personnalisée avec des liens directs et des menus déroulants, ainsi que des liens texte et icône facultatifs dans l’en-tête de Discourse.
:eyeglasses: Aperçu Captures d’écran et exemples en direct
:hammer_and_wrench: Dépôt CodeWorksLabs/brand-navigation
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau aux thèmes Discourse ? Guide débutant pour utiliser les thèmes Discourse

Installer ce composant de thème

Navigation de marque offre à votre communauté une barre de navigation personnalisée pour accéder à votre site web, aux ressources communautaires et aux projets associés. Elle prend en charge les menus déroulants et peut également placer des liens texte ou icône directs dans l’en-tête propre de Discourse.

Exemples

The Bridge : une barre de navigation au-dessus de l’en-tête du forum, avec des liens supplémentaires à côté des contrôles de l’en-tête de Discourse.

Repeal OBBBA Forum : une barre de navigation rouge avec des menus communautaires et des liens sociaux dans l’en-tête de Discourse.

Fonctionnalités

  • Identité de marque : afficher un nom, un logo, ou les deux, avec des logos distincts pour les modes clair et sombre. Placer la barre au-dessus ou en dessous de l’en-tête de Discourse.
  • Liens et menus : ajouter des liens directs et un niveau de sous-menus. Un élément parent peut lier vers une page avec une flèche de menu séparée, ou servir uniquement de bouton de sous-menu. Les éléments peuvent inclure des icônes et des descriptions de sous-menu facultatives.
  • Liens d’en-tête : placer des liens sociaux, des liens de forum et des liens externes dans l’en-tête principal de Discourse.
  • Contrôles d’audience et d’appareil : afficher les éléments à tout le monde, aux visiteurs connectés ou aux visiteurs non connectés, et choisir la visibilité sur bureau ou mobile.
  • Mises en page mobiles : utiliser un menu compact, une barre complète, ou masquer le composant sur mobile.
  • Apparence et configuration : hériter de la palette de Discourse ou définir les couleurs du composant, ajuster les tailles de texte et d’icône des liens d’en-tête, réorganiser les éléments dans l’éditeur structuré, et exporter ou importer une configuration JSON.

Démarrage

Installer Navigation de marque · Ajouter des liens, des menus et des couleurs · Sauvegarder ou déplacer les paramètres

Statut

Release v1.0.0-rc.5 est disponible en préversion. Consultez les problèmes connus et le registre de tests pour plus de détails.

Retours et assistance

Les questions, captures d’écran et idées de configuration sont bienvenues dans ce sujet. Pour l’aide à l’installation, à la configuration et au dépannage, créez un sujet dans Assistance Navigation de marque sur le forum CodeWorksLabs.

Les bugs, rapports de compatibilité et corrections de documentation peuvent également être signalés via GitHub Issues.

Feuille de route et demandes de fonctionnalités

Suivez la feuille de route de Navigation de marque pour les travaux proposés, planifiés, en cours et publiés.

Vous avez une idée pour améliorer Navigation de marque ? Partagez-la dans Demandes de fonctionnalités.

Navigation de marque est maintenue indépendamment par CodeWorksLabs et est licenciée sous GPL-2.0-or-later.

Remerciements

Merci aux auteurs de Discourse Brand Header, Discourse Header Submenus, Custom Header Links (icons), et Dropdown Header de Pavilion (Dropdown Header) pour les idées et les exemples qui ont inspiré Navigation de marque. Voir attribution et licence et le registre d’auteurship et de provenance pour les crédits complets.

2 « J'aime »