{"id":329,"date":"2015-07-31T14:48:14","date_gmt":"2015-07-31T12:48:14","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=329"},"modified":"2016-09-19T15:36:43","modified_gmt":"2016-09-19T13:36:43","slug":"lecon2","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/tutoriel\/lecon2\/","title":{"rendered":"Le\u00e7on2 : organiser son site (les Menus)"},"content":{"rendered":"<h2>Sommaire<\/h2>\n<ul>\n<li><a href=\"#1\">Pr\u00e9ambule<\/a><\/li>\n<li><a href=\"#3\">Un ajout sur le <b>Menu<\/b> de bas de page<\/a><\/li>\n<li><a href=\"#4\">Personnaliser le <b>Menu<\/b> de haut de page<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><a name=\"1\"><\/a>Pr\u00e9ambule<\/h3>\n<p>Pour faciliter l&rsquo;acc\u00e8s \u00e0 vos pages, il faut savoir les organiser, les regrouper par th\u00e8mes ou par centres d&rsquo;int\u00e9r\u00eat, et pour cela vous disposez essentiellement d&rsquo;un outil : le <b><i>Menu<\/i><\/b>.<\/p>\n<p>Votre embryon de site dispose de 2 menus :<\/p>\n<ul>\n<li>le menu <strong>haut (Menu principal)<\/strong> :\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-2.png\" alt=\"menu haut de page\" \/>\n<\/div>\n<\/li>\n<li>le menu <strong>bas (Liens de bas de page)<\/strong> :\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-2.png\" alt=\"menu bas de page\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<p>Vous pouvez acc\u00e9der \u00e0 ces 2 menus dans votre <b>Tableau de bord<\/b> en cliquant sur :<br \/>\n<b>Apparence<\/b> > <b>Menus<\/b>, et dans l\u2019onglet <b>Modifier les menus<\/b>, l&rsquo;option <b>S\u00e9lectionnez le menu \u00e0 modifier<\/b> vous permet de visualiser la composition de chacun des menus :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-1.png\" alt=\"menu haut de page\" \/>\n<\/div>\n<p>et<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-2.png\" alt=\"menu bas de page\" \/>\n<\/div>\n<p><b>Remarque 1<\/b>\u00a0: nous parlons ici des menus <b>de votre site<\/b>, pas des menus de votre <b>interface d&rsquo;administration<\/b> !<br \/>\n<b>Remarque 2<\/b>\u00a0: attention \u00e0 ne pas confondre la <b>Barre de haut de page<\/b> (<i>resp. Barre de bas de page<\/i>) et le <b>Menu de haut de page<\/b> (<i>resp. Barre de bas de page<\/i>) qui n&rsquo;en sont que des sous-\u00e9l\u00e9ments.<br \/>\n<b>Remarque 3<\/b>\u00a0: <b>(Menu principal)<\/b> et <b>(Liens de bas de page)<\/b> sont les noms des 2 <b>Slots<\/b> de votre th\u00e8me qui accueilleront ces 2 menus, comme vous pouvez le constater en switchant vers l&rsquo;onglet \u00ab\u00a0<i>G\u00e9rer les emplacements<\/i>\u00a0\u00bb sur cette m\u00eame page. Le th\u00e8me dispose d&rsquo;un 3\u00e8me slot <b>(Social Menu)<\/b> pour accueillir une barre d&rsquo;icones pour <a href=\"\/infodoc\/liens-icones-vers-les-reseaux-sociaux\/\">rediriger vers vos sites de r\u00e9seaux sociaux<\/a>.<br \/>\n<b>Remarque 4<\/b>\u00a0: toutes vos pages n&rsquo;auront pas besoin de figurer dans un menu, l&rsquo;autre moyen pour y faire r\u00e9f\u00e9rence est de cr\u00e9er un simple lien depuis une autre page. Mais n&rsquo;oubliez pas : si aucun lien ne pointe vers une page que vous cr\u00e9ez, il sera impossible de la trouver&#8230;<br \/>\n<b>Remarque 5<\/b>\u00a0: avec le th\u00e8me choisi, les <b>Menus<\/b> sont globaux pour tout le site. Vous ne pouvez pas les personnaliser pour un sous-ensemble du site.<\/p>\n<p>Nous allons maintenant apprendre \u00e0 manipuler ces 2 menus.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><a name=\"3\"><\/a>Un ajout sur le <b>Menu<\/b> de bas de page<\/h3>\n<p>Pour prendre en main l&rsquo;interface de gestion des menus, qui peut devenir rapidement complexe, nous allons faire un petit ajout sur le plus simple de nos 2 menus, celui du bas.<\/p>\n<p>Contrairement au menu du haut qui sert \u00e0 acc\u00e9der aux pages internes du site, le menu du bas est sens\u00e9 contenir des liens externes vers d&rsquo;autres sites.<br \/>\nL&rsquo;id\u00e9e est de rajouter un lien vers les actualit\u00e9s du site du LORIA (vous pourrez bien s\u00fbr adapter en fonction de votre tutelle).<\/p>\n<p>Pour cela nous allons faire les op\u00e9rations suivantes :<\/p>\n<ul>\n<li>dans le <b>Menu principal<\/b> de votre <b>Tableau de bord<\/b>, allez sur <b>Apparence<\/b> > <b>Menus<\/b>. V\u00e9rifiez que vous \u00eates bien sur l&rsquo;onglet <i>Modifier les menus<\/i>.<\/li>\n<li>dans <i>S\u00e9lectionnez le menu \u00e0 modifier :<\/i>, choisissez <b>bas (Liens de bas de page)<\/b> et cliquez sur le bouton <b>S\u00e9lectionner<\/b>.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-4.png\" alt=\"modifier menu bas de page\" \/>\n<\/div>\n<\/li>\n<li>vous voyez maintenant <b>sur la partie droite de la page<\/b> la structure actuelle de ce menu et ses r\u00e9glages possibles. Les informations importantes sont qu&rsquo;il est compos\u00e9 d&rsquo;un seul \u00e9l\u00e9ment, qui est de type <i>Lien personnalis\u00e9<\/i>, avec pour titre <i>Mentions l\u00e9gales<\/i>, et qu&rsquo;il pointe sur la page \u00e0 l&rsquo;adresse <i>\/infodoc\/mentions-legales\/<\/i>. On voit aussi qu&rsquo;il a \u00e9t\u00e9 plac\u00e9 dans le slot du th\u00e8me qui s&rsquo;appelle <i>Liens de bas de page<\/i> :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-6.png\" alt=\"modifier menu bas de page\" \/>\n<\/div>\n<\/li>\n<li>dans <b>la partie gauche de cette page<\/b> figure un bloc o\u00f9 apparaissent les types d&rsquo;objets qui peuvent figurer dans un menu. Ils sont au nombre de 3 : les <b>Pages<\/b>, les <b>Liens personnalis\u00e9s<\/b>, et les <b>Cat\u00e9gories<\/b> dont nous reparlerons plus tard.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-8.png\" alt=\"modifier menu bas de page\" \/>\n<\/div>\n<\/li>\n<li>nous voulons ajouter un lien vers les actualit\u00e9s du LORIA. En cliquant sur ce sous-bloc, on voit qu&rsquo;il faut 2 informations pour d\u00e9finir un objet de type <i>Lien personnalis\u00e9<\/i> : l&rsquo;URL du site \u00e0 pointer, et un nom pour le lien.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-10.png\" alt=\"ajouter un lien\" \/>\n<\/div>\n<\/li>\n<li>compl\u00e9tez ces informations et cliquez sur <i>Ajouter au menu<\/i> :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-11.png\" alt=\"ajouter un lien\" \/>\n<\/div>\n<\/li>\n<li>un nouveau bloc, intitul\u00e9 <b>Actus LORIA<\/b> apparait dans la partie droite. Il ne reste plus qu&rsquo;une chose \u00e0 faire, mais c&rsquo;est essentiel validez votre modification en cliquant sur <b>Enregistrer le menu<\/b> (un des 2 boutons bleus \u00e0 droite de la page).<\/li>\n<li>enfin, allez recharger votre site (comme toujours, cliquez sur la petite maison du menu secondaire tout en haut de la page, puis sur <i>Aller sur le site<\/i>.<\/li>\n<\/ul>\n<p>Voici le r\u00e9sultat :<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-12.png\" alt=\"ajouter un lien\" \/>\n<\/div>\n<p>On voit tout de suite que si on conserve cette structure lin\u00e9aire, la ligne sera bient\u00f4t pleine&#8230;<\/p>\n<p>Nous allons donc utiliser une autre possibilit\u00e9 de ces menus : les sous-menus (d\u00e9roulants ou non).<br \/>\n<b>remarque 1 :<\/b> par d\u00e9faut, les sous-menus du haut sont d\u00e9roulants, ceux du bas sont des listes permanentes.<br \/>\n<b>remarque 2 :<\/b> le th\u00e8me utilis\u00e9 ne permet qu&rsquo;un seul niveau de sous menus.<\/p>\n<p>Ce sous-menu du bas, nous l&rsquo;avions r\u00e9serv\u00e9 \u00e0 des liens externes. Appelons donc le menu de premier niveau que nous allons cr\u00e9er <b>Liens utiles<\/b>.<\/p>\n<ul>\n<li>comme pr\u00e9c\u00e9demment, dans <b>Apparence<\/b> > <b>Menus<\/b> > <b>Modifier les menus<\/b>, dans la partie gauche nous allons s\u00e9lectionner un nouveau menu de type <b>Liens personnalis\u00e9s<\/b>, et dans <i>Texte du lien<\/i> nous tapons donc <b>Liens utiles<\/b> :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-15.png\" alt=\"ajouter un lien\" \/>\n<\/div>\n<\/li>\n<li>dans la partie droite, nous ajoutons l&rsquo;attribut du titre <b>dropdown-header<\/b>, et nous enregistrons ce nouveau menu :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-16.png\" alt=\"ajouter un lien\" \/>\n<\/div>\n<\/li>\n<li>si nous jetions un oeil maintenant au r\u00e9sultat, nous ne verrions rien de neuf au r\u00e9sultat par rapport aux pr\u00e9c\u00e9dentes manips&#8230;<\/li>\n<li>mais nous allons r\u00e9aliser quelques manipulations \u00e0 la souris pour exprimer la structure arborescente de notre menu :\n<ul>\n<li><b><i>saisissez<\/i><\/b> \u00e0 la souris le menu <b>Liens utiles<\/b> pour le passer au dessus des 2 menus pr\u00e9c\u00e9dents (on voit apparaitre en pointill\u00e9 un slot vers lequel il faut caler le menu pour qu&rsquo;il reste en place dans cette position) :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-20.png\" alt=\"ajouter un lien\" \/>\n<\/div>\n<\/li>\n<li>maintenant, saisissez l&rsquo;un apr\u00e8s l&rsquo;autre les 2 menus <b>Mentions l\u00e9gales<\/b> et <b>Actus LORIA<\/b> et tirez-les d&rsquo;environ 1cm vers la droite (l\u00e0 aussi, on voit apparaitre en pointill\u00e9 le slot dans lequel ils doivent se positionner) :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-21.png\" alt=\"ajouter un lien\" \/>\n<\/div>\n<\/li>\n<li>voil\u00e0 \u00e0 quoi ressemble notre menu une fois les choses d\u00e9plac\u00e9es :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-19.png\" alt=\"ajouter un lien\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<\/li>\n<li>n&rsquo;oubliez pas d&rsquo;<b>enregistrer<\/b> !<\/li>\n<li>rechargez la page d&rsquo;accueil de votre site. Voici maintenant le bloc de bas de page :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-22.png\" alt=\"bloc de bas de page\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3><a name=\"4\"><\/a>Personnaliser le <b>Menu<\/b> de haut de page<\/h3>\n<p>Le mod\u00e8le de site que nous avons pr\u00e9par\u00e9 pour vous faire manipuler les notions essentielles de WordPress ne vous conviendra pas forc\u00e9ment&#8230; Il contient d\u00e9j\u00e0 quelques <b><i><a href=\"\">Pages<\/a><\/i><\/b>, organis\u00e9es dans le <b>Menu haut<\/b>.<br \/>\nNous allons voir comment \u00e9tablir la correspondance entre les principales rubriques de votre hi\u00e9rarchie de pages et ce <b>Menu haut<\/b>.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-3.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<p>On y distingue 2 types d&rsquo;\u00e9l\u00e9ments :<\/p>\n<ol>\n<li>des \u00e9tiquettes simples qui pointent directement sur une <b>Page<\/b> : c&rsquo;est le cas pour <b>CV<\/b>, <b>EQUIPES<\/b>, <b>PROJETS<\/b> et <b>PERSO<\/b>.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-4.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<\/li>\n<li>des \u00e9tiquettes non cliquables, suivies d&rsquo;une petite fl\u00e8che vers le bas, et qui d\u00e9roulent un menu lors de leur survol par le pointeur de souris. C&rsquo;est le cas de l&rsquo;\u00e9l\u00e9ment <b>CONTACT<\/b> :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-5.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<p>\nqui donne au survol par la souris :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-6.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<p>\nrendant ainsi accessible le choix des pages <b>Formulaire<\/b> et <b>Acc\u00e8s<\/b>.\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Le premier cas offre le traitement le plus simple :<\/p>\n<ul>\n<li>vous cr\u00e9ez, pour chaque th\u00e9matique de votre site, une page <i>t\u00eate de chapitre<\/i>.<\/li>\n<li>cette page peut \u00eatre une feuille de l&rsquo;arborescence (comme c&rsquo;est le cas actuellement), ou \u00eatre un noeud, qui contiendra une liste de liens vers les autres pages traitant de la th\u00e9matique : par exemple la page <b>PROJETS<\/b> pourra contenir l&rsquo;\u00e9num\u00e9ration de tous vos projets avec des liens vers chacun d&rsquo;entre eux.<\/li>\n<li>lorsque vous aurez cr\u00e9\u00e9 une nouvelle page, puis cliqu\u00e9 sur <b>Apparence<\/b> > <b>Menus<\/b>, elle apparaitra automatiquement dans la partie gauche du corps de page du <b>Tableau de bord<\/b> (le bloc <b>Pages<\/b>) : si vous ne la voyez pas, pensez \u00e0 cliquer sur l&rsquo;onglet <b><i>Afficher tout<\/i><\/b>.<\/li>\n<li>nous avons ici cr\u00e9\u00e9 une simple page sans contenu et l&rsquo;avons appel\u00e9e <b>New<\/b>.<\/li>\n<li>dans le bloc <b>S\u00e9lectionnez le menu \u00e0 modifier<\/b>, choisissez <b>haut (Menu principal)<\/b> et cliquez sur <b>S\u00e9lectionner<\/b><br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-7.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<\/li>\n<li>il vous suffit alors de s\u00e9lectionner la nouvelle page dans le bloc <b>Pages<\/b>, puis de cliquer sur <b>Ajouter au menu<\/b> pour la voir apparaitre dans la <b>Structure du menu<\/b>.<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-9.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<\/li>\n<li>n&rsquo;oubliez pas de cliquer sur <b>Enregistrer<\/b>.<\/li>\n<li><b>remarque : <\/b>si vous avez coch\u00e9 la case <i>Ajoutez automatiquement des pages<\/i> dans le bloc <b>R\u00e9glages du menu<\/b>, les pages s&rsquo;ajoutent automatiquement dans la liste et figureront \u00e0 droite de votre menu. Il faudra alors r\u00e9organiser le menu (supprimer ces pages du menu ou les placer en sous-\u00e9l\u00e9ment d&rsquo;une \u00e9tiquette) pour \u00e9viter qu&rsquo;il ne d\u00e9borde de la page&#8230;<br \/>Ce n&rsquo;est donc pas une bonne solution en d\u00e9but de construction d&rsquo;un site.<\/li>\n<li>le menu haut a maintenant cette apparence :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-10.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<\/li>\n<li>dans <b>Structure du menu<\/b>, nous pouvons saisir l&rsquo;\u00e9l\u00e9ment <b>New<\/b> et le faire glisser en t\u00eate de liste, comme nous l&rsquo;avions d\u00e9j\u00e0 fait pour le menu bas.<\/li>\n<li>apr\u00e8s avoir enregistr\u00e9, nous obtenons :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-11.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<\/li>\n<li>remarquez aussi que d\u00e9sormais il suffit d&rsquo;intervenir sur le titre de la page (dans <b>Pages<\/b> > <b>Toutes les pages<\/b> > <b>Modifier<\/b>) pour que cette modification soit r\u00e9percut\u00e9e dans le menu (sans intervention sur le menu). Si je change le titre <i>New<\/i> en <i>Nouveau<\/i>, j&rsquo;obtiens :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-12.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<\/li>\n<li>de m\u00eame, la suppression d&rsquo;une page qui figure dans un menu entraine sa suppression du menu.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Le cas de l&rsquo;\u00e9l\u00e9ment d\u00e9roulant du menu (<b>CONTACT<\/b>) est proche de ce que nous avions r\u00e9alis\u00e9 pour le menu de bas de page :<\/p>\n<ul>\n<li>n&rsquo;oubliez pas qu&rsquo;une fois d\u00e9clar\u00e9 comme <i>\u00e9l\u00e9ment d\u00e9roulant<\/i> (c&rsquo;est \u00e0 dire \u00e9l\u00e9ment parent de <i>sous-\u00e9l\u00e9ments<\/i>), il ne sera plus cliquable : si vous utilisez pour cela une page, son contenu ne sera pas accessible via le menu.<\/li>\n<li>utilisez donc plut\u00f4t pour cela un <b>lien personnalis\u00e9<\/b> qui pointe sur lui-m\u00eame (#) :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-13.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<\/li>\n<li>puis nous l&rsquo;avons positionn\u00e9 comme parent des pages <b>Formulaire<\/b> et <b>Acc\u00e8s<\/b> en d\u00e9calant celles-ci vers la droite dans <b>Structure du menu<\/b> comme vous l&rsquo;aviez d\u00e9j\u00e0 fait pour le <b>menu bas<\/b> :<br \/>\n<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-14.png\" alt=\"menu de haut de page\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<\/p>\n<div class=\"vert-align\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/fleche-droite-1.png\" alt=\"fleche\" \/><a href=\"\/infodoc\/tutoriel\/lecon3\/\">Passer \u00e0 la Le\u00e7on3<\/a><\/div>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sommaire<\/p>\n<ul>\n<li><a href=\"#1\">Pr\u00e9ambule<\/a><\/li>\n<li><a href=\"#3\">Un ajout sur le Menu de bas de page<\/a><\/li>\n<li><a href=\"#4\">Personnaliser le Menu de haut de page<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a name=\"1\"><\/a>Pr\u00e9ambule<\/p>\n<p>Pour faciliter l&rsquo;acc\u00e8s \u00e0 vos pages, il faut savoir les organiser, les regrouper par th\u00e8mes ou par centres d&rsquo;int\u00e9r\u00eat, et pour cela vous disposez essentiellement d&rsquo;un outil : le <i>Menu<\/i>.<\/p>\n<p>Votre embryon de site dispose de 2 menus :<\/p>\n<ul>\n<li>le menu haut (Menu principal) :\n<p><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-haut-2.png\" alt=\"menu haut de page\" \/><\/p>\n<\/li>\n<li>le menu bas (Liens de bas de page) :\n<p><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/menu-bas-2.png\" alt=\"menu bas de page\" \/><\/p>\n<\/li>\n<\/ul>\n<p>Vous pouvez acc\u00e9der \u00e0 ces 2 menus dans votre Tableau de bord en cliquant sur :<br \/>\nApparence Menus,<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":22,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/comments?post=329"}],"version-history":[{"count":87,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/329\/revisions"}],"predecessor-version":[{"id":1298,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/329\/revisions\/1298"}],"up":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/media?parent=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}