Dans ce tutoriel, tu vas découvrir comment personnaliser la barre de menu de ta page d’accueil Substack. C’est un tout petit espace qui, si tu le travailles bien, donnera une première impression marquante à ton visiteur web.
Tu verras comment renommer, réorganiser ou masquer les éléments du menu, et ajouter des liens personnalisés (vers tes archives, ton chat, une chaîne YouTube, un tag particulier…).
Tout cela te permet d’offrir une navigation plus fluide, plus intuitive, et mieux adaptée à tes contenus.
✍🏼 Mes contenus sont offerts en accès libre.
Tu peux faire un don si tu veux soutenir mon travail (et mes yeux rougis par les écrans 😵💫😅👩🏻💻) via ma page Ko-Fi ☕️
Quelques exemples inspirants de barres de menu se sont glissés entre ces lignes. En cliquant dessus, tu accéderas à la page de l’auteur.
✅ Tips pour une barre de navigation bien pensée
Idées d’organisation de ta barre
Classer par type de contenu :
🌿 À propos | 📝 Articles | 🎙 Podcasts | 📚 RessourcesMettre en avant les entrées clés – Ce que tu veux que tes abonné·es trouvent en premier → par ex. ton dernier projet, un guide, ou une série spéciale.
Créer une section “par thème” grâce aux tags – Tu peux faire des liens directs vers tes étiquettes, comme : rituels, slowliving, écriture, Tutos etc.
Utiliser des verbes d’action pour inviter à explorer :
Découvrir | Lire | Explorer | Me soutenirProposer un chemin de lecture :
Commencer ici | À propos | Archives | Me suivre ailleurs
Idées de liens externes à ajouter
🌐 Ton site personnel ou une autre plateforme (YouTube, Instagram, Blog)
🎧 Ta page de podcast (Spotify, Apple…) – Si ton Podcast est hébergé directement sur Substack, alors ce menu sera automatiquement créé avec la page du podcast spécifique à Substack.
💸 Un lien de soutien/don (Buy Me a Coffee, Ko-fi, ta boutique)
📘 Un lien vers un livret PDF, une formation, ou un produit numérique
🎓 Une page Notion publique, un calendrier de publication, un lien vers un Gumroad ou Payhip
💬 Le canal de discussion de ton Substack (ou Skool, Discord, Groupe whatsapp, Telegram etc.)
📩 Un formulaire externe (Typeform, Google Forms…)
Idées de personnalisation visuelle
Majuscules ou minuscules selon ton éditorial :
À PROPOS (pro, classique) vs. à propos (simple, doux)
Emojis en début de titre pour attirer l’œil et incarner ton univers :
🌕 Rituels, ✍️ Écriture, 🎒 Carnets nomades
Police spéciale avec Unicode (à utiliser avec parcimonie) :
Ex. 𝓡𝓲𝓽𝓾𝓮𝓵𝓼, 𝒞𝑜𝓊𝓁𝑒𝓊𝓇𝓈, mais attention à l’accessibilité sur mobile et aux lecteurs d’écran !
Icônes typographiques simples :
→ Archives, ★ En vedette, ✦ Mon livre
❌ À éviter pour garder une barre de navigation claire
Ne surcharge pas !
5 à 6 éléments maximum suffisent. Sinon, ça devient illisible, surtout sur mobile.
Évite les noms flous du style “Divers” ou “Autres”. Sois explicite.
Pas de titres trop longs : ils débordent ou s’affichent mal.
Attention aux emojis trop nombreux : un ou deux par menu max.
Ne duplique pas les liens (pas besoin de “Archives” ET “Tous les articles” si c’est le même contenu)
Teste sur mobile : certaines barres deviennent trop serrées ou peu lisibles.
Ta barre de navigation peut évoluer avec toi. Elle n’est pas figée. C’est un miroir de ton chemin du moment. Reviens-y tous les 3 à 6 mois pour voir si elle te reflète toujours. Et surtout, vérifie régulièrement que tes liens ne soient pas morts, si tu as effectué des modifications, déplacé des pages, ou changé des noms et titres !
Personnaliser la barre de menu te permet d’orienter tes lecteurs et lectrices là où tu veux les emmener. C’est aussi un moyen simple de te démarquer et d’incarner ton univers dès la page d’accueil, comme tu as pu le ressentir à travers les exemples.
Entre dans le cercle
Chaque semaine, je place dans notre canal de discussion une nouvelle conversation pour vous aider à prendre en main Substack, démarrer votre projet, et vous faire connaître. Je vous stimule avec des questions, des ressources gratuites et des échanges spontanés :
Rejoignez donc notre canal d’échange, en installant l’app :
Vous aimerez aussi
Découvrez le reste de mon univers sur johannajourney.fr 🦉
Share this post