Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Overblog France

TUTO : Créer un menu horizontal pour mon blog.

Hello les Overblogueurs ! 

Nous nous retrouvons aujourd'hui pour un tutoriel ! Cela faisait longtemps, n'est-ce pas ? 😉
Et celui-ci devrait vous plaire.
Vous êtes très nombreux à nous demander chaque jour, comment créer un menu horizontal sur Overblog. 

Cela vous paraît parfois compliqué, mais en réalité une fois que vous avez bien compris la mécanique, cela devient un jeu d'enfant ! 

La présence d'un menu sur votre blog est bénéfique à plusieurs niveaux, d'abord pour la navigation mais également pour le référencement. Il permet à vos lecteurs d'accéder plus facilement aux contenus qui les intéressent.

Créer un menu horizontal sur Overblog
Menu horizontal Overblog

Où se trouvent les paramètres de personnalisation du menu ? 

Vous trouverez votre menu horizontal dans votre administration > Apparence > Personnaliser > Menu horizontal. 

La construction se présente comme ceci : 

--> Intitulé de menu  : c'est ce qui va apparaître sur votre blog. Ici : Recette salées. 

--> Lien menu ou # : il s'agit du lien sur lequel sera redirigé le lecteur. Si vous mettez un # l'intitulé du menu s'affichera, mais sans le lien, il n'y aura pas de redirection. Si vous ne mettez rien, rien ne s'affichera. 

Vous avez trois possibilités pour créer vos menus : 

  1. Mettre un lien vers une catégorie d'articles.  
  2. Mettre un lien vers un article ou une page de votre blog. 
  3. Mettre un lien vers un site externe. 

Pour ce tutoriel, je vous invite à vous mettre dans la peau d'un blogueur Cuisine. 🍴

Créer un menu horizontal à l'aide des catégories. 

En tant que blogueur cuisine, vous allez publier essentiellement des recettes sucrées ou salées. Vous voulez donc un menu avec une entrée "Recettes salées" et une entrée "Recettes sucrées"

 

 

En rédigeant vos articles, vous allez renseigner la catégorie correspondante dans les options de publications > Catégorie (ou à l'aide de notre nouvel outil de gestion des catégories si vos articles sont déjà rédigés). Vous allez donc mettre "Recettes salées" ou "Recettes sucrées" en fonction de l'article que vous souhaitez publier. 

Ici, nous avons mis "Recettes salées". Notez bien qu'il faut penser à respecter l'orthographe de votre catégorie pour TOUS les articles de cette catégorie, sinon cela ne fonctionnera pas. 

 

 

Une fois votre article publié, il appartient à l'une ou l'autre de vos catégories. Vous suivez toujours ? 😀 

 

 

Chaque catégorie a son propre lien, comme un blog, un article ou une page. Ce lien se présente comme ceci : adresse-de-votre-blog.com/tag/nomdelacatégorie/. 

Par exemple, si je clique sur la catégorie présentée sur l'image ci-dessus, j'obtiens ce lien : http://overcuisine.over-blog.com/tag/recettes%20salees/, c'est donc le lien de ma catégorie "Recettes salées". 

Il faut donc le récupérer pour aller le coller dans votre menu horizontal (Apparence > Personnaliser > Menu horizontal). 

 

 

Une fois que vous avez appliqué, le tour est joué : le menu "Recettes salées" apparaît et en un clic, vous accédez à tous les articles de cette catégorie. 

Pour accéder au blog de démo de ce tutoriel et voir le résultat, cliquez sur le lien ci-dessous :  

Créer un menu horizontal avec un article ou une page. 

C'est la manière la plus simple et la plus rapide de faire ! Vous pouvez mettre directement le lien d'un seul article ou d'une page.
Par exemple, vous êtes toujours un blogueur cuisine, cela fait plusieurs mois que vous bloguez. Vous avez publié un certain nombre de recettes sur votre blog et vous décidez de faire un index de vos recettes. 

Pour cela, vous allez créer une page que vous allez nommer "Index des recettes". Cette page contiendra un lien vers toutes vos recettes.  

 

 

Une fois que c'est fait, il vous suffit  de récupérer le lien de cette page qui sur mon blog est http://overcuisine.over-blog.com/2019/07/index-des-recettes.html (mais qui pour vous sera différente, vous suivez toujours ? 😉) et d'aller le coller dans vos paramètres d'Apparence. 

 

 

Et voilà, vous avez créé un menu Index des recettes. C'était facile, non ? 

Créer un menu horizontal avec des liens externes. 

Vous pouvez également mettre des liens externes. Par exemple si vous avez une boutique ou un site internet en plus de votre blog, le fonctionnement est le même qu'avec une page du blog. Il vous suffit de récupérer le lien pour aller le coller dans vos paramètres sur le menu horizontal. Exemple, je souhaite mettre un lien vers le blog du staff. Je vais donc coller le lien http://staff-fr.over-blog.com/ dans mon menu 4 et en un clic mes lecteurs seront directement dirigés vers ce blog : 

 

 

Notez que ce tutoriel fonctionne également pour les sous-menus (présents uniquement sur les thèmes Magazine et Noodle).

Cet article est maintenant terminé, j'espère qu'il vous saura utile pour aller encore plus loin dans l'optimisation de votre blog 😎
Dites-nous en commentaire quels sont les tutoriels dont vous auriez le plus besoin 👇

[J'ai caché des Ancres dans cet article, les avez-vous trouvés ? Cf. Le précédent tutoriel : Intégrer des ancres dans vos articles.]

Partager cet article

Repost0
Pour être informé des derniers articles, inscrivez vous :

Commenter cet article

Mélodie Baron 29/07/2019 18:56

Merci beaucoup pour ce tutoriel ! :-) Tout d’abord, c’est génial que l’on puisse créer une véritable barre de menu horizontal dans nos blogs.
Le tutoriel est bien clair.

Actuellement nous avons dans le Menu Vertical de notre Espace Administration :
- Tableau de bord
- Articles
- Pages
- Commentaires
etc.

J’aurais bien aimé que Over-Blog crée un bouton supplémentaire :
« Boutons » qui serait une zone entièrement dédiée à la conception de la barre de menu horizontal. Ici nous aurons seulement les textes des boutons cliquables de la barre de menu horizontal.

Grâce à cela, nous cliquerons sur :
Apparence > Personnaliser > Menu horizontal,
ensuite nous mettrons des liens vers tous nos boutons clicquables.

Cela nous évitera de chercher nos vieux articles publiés.

Cependant je voudrais que vous mainteniez la possibilité pour nous de :
- Mettre un lien vers une catégorie d’articles,
- Mettre un lien vers un article ou une page,
- Mettre un lien vers un site externe.

Bonne journée !

Marion 30/07/2019 09:54

Bonjour,
Merci pour votre commentaire !
Je vous invite à envoyer cette idée d'amélioration sur notre portail dédié en cliquant sur Aide > Proposer une idée.
Bonne journée à vous !
Marion

Myriam Tauzin 19/07/2019 09:09

Bonjour, merci pour ce tuto bien expliqué. J'ai organisé tout mon blog autour d'un menu horizontal en classant mes oeuvres par techniques mais malheureusement celui ci ne se reporte pas sur la version mobile du site. Sachant que de plus en plus de personnes utilisent des iphones ou des tablettes, mon site est illisible pour ces utilisateurs. j'ai été obligée de le modifier en reportant mes onglets dans les thèmes qui me servaient précédemment à autre chose. J'ai signalée cette anomalie à Overblog sans retour et sans espoir d'évolution. Je suis donc très déçue et à la recherche d'un autre hébergeur.

Marion 19/07/2019 09:48

Bonjour Myriam,
Pour cela, il vous faut désactiver le thème mobile par défaut dans les paramètres Avancés de personnalisation de votre thème.
Bonne journée
Marion

Valcogne 19/07/2019 08:22

Merci pour votre article très détaillé mais pour mon blog consacré au cinéma j'ai une tripotée de catégories et ne puis les entrer de cette manière. De plus, je suis un dinosaure en informatique te ce qui est simple pour la génération actuelle m'est compliqué. Cordialemnt

Valencroix 18/07/2019 22:10

J'ai effectué tout cela, le problème c'est qu'on est limité en nombre de menus.
http://www.valencroix.fr/
Pour votre demande, j'aimerais avoir des explications sur le protocole d'un lien ainsi que la cible du lien.
Merci beaucoup

Marion 19/07/2019 09:46

Bonjour,
Je vous invite alors à nous contacter en cliquant sur Aide en haut à droite de votre administration.
Bonne journée !
Marion

pascal Sombardier 18/07/2019 18:12

Ça marche sans problème sur l'ordi, mais sur un portable, la liste des catégories s'affiche sans qu'on puisse accéder aux sous-menus.

Marion 19/07/2019 09:44

Bonjour Pascal,
Pour cela, il vous faut désactiver le thème mobile par défaut dans les paramètres Avancés de personnalisation de votre thème.
Bonne journée
Marion

N.L. Taram 11/07/2019 04:21

Bonjour et merci pour ces précisions.
J'ai pratiquement déjà effectué tout cela et même plus. Vous pourrez voir le détail sur mon blog >> http://www.tehoanotenunaa.com/
Amitiès

Sombardier 20/07/2019 08:54

Bonjour et merci, mais dans ce cas, on n'obtient que le menu vertical. Et surtout, on ne peut plus accéder à son administration. C'est normal ?