Comment ajouter une barre de navigation à votre blog Tumblr

La barre de navigation Tumblr (liens haut : Accueil, Archive, Ask, etc.) dépend du thème. Voici comment l'activer/personnaliser sur le Tumblr moderne.

Via la personnalisation du thème (La plupart des thèmes)

1. Connectez-vous → Paramètres (icône engrenage) → Votre blog → Modifier le thème.
2. Dans le panneau gauche, trouvez la section Navigation ou En-tête.
3. Activez "Afficher la barre de navigation" / "Afficher les liens d'en-tête" sur ON.
4. Personnalisez :
   • Liens : Ajoutez des URLs personnalisées (Pages, Tags, Externes). Libellé + URL.
   • Style : Dropdown / Barre / Onglets. Couleurs, polices, effets survol.
   • Position : Haut fixe, statique, sous l'en-tête.
5. Cliquez Sauvegarder (en haut à droite).

Si votre thème n'a pas d'options de navigation

1. Dans Modifier le thème, cliquez "Modifier le HTML" (en haut à droite).
2. Trouvez la section <nav> ou <header>.
3. Ajoutez des liens manuels :

   <nav class="custom-nav"> <a href="/>Accueil</a> <a href="/archive">Archive</a> <a href="/ask">Ask</a> <a href="https://example.com">Lien</a> </nav> 

4. Ajoutez du CSS dans la boîte "Ajouter CSS personnalisé" :

   .custom-nav { display:flex; gap:1rem; padding:1rem; background:#fff; border-bottom:1px solid #eee; } .custom-nav a { color:#333; text-decoration:none; font-weight:500; } .custom-nav a:hover { color:#0066cc; } 

5. Sauvegarder.

Utiliser les Pages pour les liens de navigation

1. Paramètres → Pages → Ajouter une page.
2. Titre = libellé nav. Contenu = contenu page.
3. Activez "Afficher un lien vers cette page" sur ON.
4. Ordre par glisser-déposer.

Mobile

La plupart des thèmes replient la nav en menu hamburger sur mobile. Testez après sauvegarde.

Les changements sont instantanés. Prévisualisez avant de sauvegarder.