{"id":647,"date":"2015-08-26T12:57:44","date_gmt":"2015-08-26T10:57:44","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=647"},"modified":"2018-02-16T16:43:55","modified_gmt":"2018-02-16T14:43:55","slug":"ajoutmenu","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/manips\/ajoutmenu\/","title":{"rendered":"Ajouter un \u00e9l\u00e9ment au menu principal"},"content":{"rendered":"<p>Nous appelons <b>menu principal<\/b> la barre de menu du haut de chacune de vos pages :<br \/>\nPar d\u00e9faut, nous y avons d\u00e9j\u00e0 ins\u00e9r\u00e9 quelques \u00e9l\u00e9ments, et nous les avons \u00ab\u00a0enjoliv\u00e9s\u00a0\u00bb avec quelques options de d\u00e9coration (de petites icones qu&rsquo;on appelle des glyphes ou glyphicons) :<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/manips\/ajoutmenu-06.png\" alt=\"menu principal\" \/>\n<\/div>\n<p><a name=\"ModifMenu\"><\/a>Pour modifier ce menu, sur votre Tableau de Bord, allez sur <b>Apparence<\/b> > <b>Menus<\/b>.<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/manips\/ajoutmenu-08.png\" alt=\"menu principal 2\" \/>\n<\/div>\n<p>Dans la partie gauche, vous pouvez s\u00e9lectionner le type d&rsquo;\u00e9l\u00e9ment \u00e0 ajouter au menu : Pages, Articles, Liens personnalis\u00e9s ou Cat\u00e9gories.<br \/>\nEn cliquant sur la petite fl\u00e8che \u00e0 droite de chaque type, vous faites apparaitre les \u00e9l\u00e9ments disponibles dans ce type.<\/p>\n<p>Dans la partie droite, vous visualisez la structure actuelle du menu. Dans l&rsquo;exemple du mod\u00e8le que nous vous avons propos\u00e9, vous voyez que les \u00e9l\u00e9ments d&rsquo;un menu d\u00e9roulant (par exemple <b>Contact<\/b>) sont d\u00e9cal\u00e9s d&rsquo;un cran vers la droite par rapport \u00e0 l&rsquo;\u00e9l\u00e9ment parent . Il suffit de glisser\/d\u00e9poser l&rsquo;\u00e9l\u00e9ment <b>Plan d&rsquo;acc\u00e8s<\/b> vers la gauche et d&rsquo;enregistrer, pour que celui-ci \u00ab\u00a0sorte\u00a0\u00bb du menu d\u00e9roulant et se retrouve \u00e0 nouveau au premier niveau du menu.<\/p>\n<h3><a name=\"StructureMenu\"><\/a>structure du menu<\/h3>\n<p>A chaque fois que vous cr\u00e9ez un nouvel \u00e9l\u00e9ment (page, article, etc.), vous devez penser \u00e0 le positionner dans la hi\u00e9rarchie du site pour faciliter sa d\u00e9couverte par le lecteur.<br \/>\nSi votre site reste tr\u00e8s simple (4 ou 5 pages), vous pouvez disposer des pointeurs vers ces pages \u00e0 plat dans le menu principal.<br \/>\nMais si vous d\u00e9cidez d&rsquo;utiliser votre site comme un outil de communication plus syst\u00e9matique, en r\u00e9digeant par exemple r\u00e9guli\u00e8rement des billets d&rsquo;humeur ou des annonces de s\u00e9minaires (on utilisera pour cela le type <b>Articles<\/b>), il faudra trouver une organisation plus pertinente : vos \u00e9l\u00e9ments de menu peuvent se d\u00e9rouler pour pr\u00e9senter des sous rubriques, mais vous pouvez aussi caract\u00e9riser vos articles par des cat\u00e9gories qui vous permettront un affichage en \u00ab\u00a0blogs th\u00e9matiques\u00a0\u00bb, en ins\u00e9rant chaque cat\u00e9gorie dans un \u00e9l\u00e9ment sp\u00e9cifique de menu.<\/p>\n<h3><a name=\"AjoutMenu\"><\/a>comment ajouter un \u00e9l\u00e9ment au menu ?<\/h3>\n<h4><a name=\"AjoutPage\"><\/a>ajouter une page<\/h4>\n<h4><a name=\"AjoutBlog\"><\/a>ajouter un blog (ou <i>menu de cat\u00e9gorie<\/i>)<\/h4>\n<ul>\n<li>nous pouvons cat\u00e9goriser les articles, pour les exclure de la page d&rsquo;accueil (voir <a href=\"\/infodoc\/les-blogs\/\"><i>les blogs<\/i><\/a> : il nous faut donc un autre m\u00e9canisme pour les faire apparaitre quelque part !<\/li>\n<li>pour cela, nous allons cr\u00e9er un nouveau blog : nous l&rsquo;avons fait dans le mod\u00e8le avec la cat\u00e9gorie \u00ab\u00a0personnel\u00a0\u00bb.<\/li>\n<li>dans <b>Apparence<\/b> > <b>Menus<\/b>, vous pouvez choisir plusieurs types d&rsquo;objets dans la partie gauche : Pages, Articles, Liens personnalis\u00e9s et Cat\u00e9gories.<\/li>\n<li>cliquez sur <b>Cat\u00e9gories<\/b>, cochez la cat\u00e9gorie qui vous int\u00e9resse, puis sur le bouton \u00ab\u00a0Ajouter au menu\u00a0\u00bb.<\/li>\n<li>vous avez maintenant dans votre menu un \u00e9l\u00e9ment qui porte le nom de votre cat\u00e9gorie, et si vous cliquez dessus, vous voyez apparaitre sous forme de blog tous les articles de la cat\u00e9gorie.<\/li>\n<li>dans le mod\u00e8le, nous avons plac\u00e9 le blog de la cat\u00e9gorie <i>personnel<\/i> comme sous-\u00e9l\u00e9ment du menu <b>Perso<\/b>.<\/li>\n<\/ul>\n<h3>comment cr\u00e9er un menu d\u00e9roulant ?<\/h3>\n<p><b>Attention<\/b> : le comportement des menus d\u00e9roulants n&rsquo;est pas toujours le m\u00eame suivant les th\u00e8mes choisis. Notamment, l&rsquo;\u00e9l\u00e9ment de base du menu d\u00e9roulant peut ne pas \u00eatre cliquable (c&rsquo;est un simple \u00ab\u00a0point d&rsquo;accroche\u00a0\u00bb). Dans le th\u00e8me choisi, l&rsquo;\u00e9l\u00e9ment de menu est un \u00ab\u00a0vrai\u00a0\u00bb conteneur (Page, article, cat\u00e9gorie,&#8230;).<\/p>\n<h3>comment ajouter\/modifier un <i><b>glyphicon<\/b><\/i> \u00e0 un \u00e9l\u00e9ment du menu ?<\/h3>\n<p><b>Attention : <\/b>vous avez peut-\u00eatre, sans vous en rendre compte, modifi\u00e9 des r\u00e9glages de votre interface d&rsquo;administration. <b>Si le champ <i>attribut du titre<\/i> n&rsquo;apparait pas<\/b>, cliquez sur <i><b>Options de l&rsquo;\u00e9cran<\/b><\/i>, sous la mention <b>Salutations&#8230;<\/b> : dans le cadre d&rsquo;options qui apparait, cochez l&rsquo;option <b>Attribut de titre<\/b> et validez. Vous devriez maintenant acc\u00e9der \u00e0 nouveau au champ correspondant.<\/p>\n<ul>\n<li>dans le bloc \u00ab\u00a0<b>Structure du menu<\/b>\u00ab\u00a0, chaque \u00e9l\u00e9ment de menu comporte des options accessibles en cliquant sur la fl\u00e8che \u00e0 droite de l&rsquo;\u00e9l\u00e9ment.\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/manips\/ajoutmenu-02.png\" alt=\"menu principal\" \/>\n<\/div>\n<p>Dans le champ <i>attribut du titre<\/i>, saisir une expression du genre :<\/p>\n<pre>\r\nglyphicon glyphicon-education\r\n<\/pre>\n<p>pour afficher ce glyphe \u00e0 gauche du titre de navigation.<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/manips\/ajoutmenu-04.png\" alt=\"menu principal\" \/>\n<\/div>\n<\/li>\n<li>cette syntaxe chargera des glyphes de la biblioth\u00e8que wordpress Bootstrap Glyphicons.<br \/>\nVoici le r\u00e9sultat :<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/manips\/ajoutmenu-10.png\" alt=\"menu principal\" \/>\n<\/div>\n<\/li>\n<li>voir par exemple ici pour une liste de glyphes disponibles :<br \/>\n<a href=\"https:\/\/getbootstrap.com\/docs\/3.3\/components\/\">https:\/\/getbootstrap.com\/docs\/3.3\/components\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Nous appelons menu principal la barre de menu du haut de chacune de vos pages :<br \/>\nPar d\u00e9faut, nous y avons d\u00e9j\u00e0 ins\u00e9r\u00e9 quelques \u00e9l\u00e9ments, et nous les avons \u00ab\u00a0enjoliv\u00e9s\u00a0\u00bb avec quelques options de d\u00e9coration (de petites icones qu&rsquo;on appelle des glyphes ou glyphicons) :<\/p>\n<p><img decoding=\"async\" src=\"\/infodoc\/files\/img\/manips\/ajoutmenu-06.png\" alt=\"menu principal\" \/><\/p>\n<p><a name=\"ModifMenu\"><\/a>Pour modifier ce menu, sur votre Tableau de Bord, allez sur Apparence Menus.<\/p>\n<p><img decoding=\"async\" src=\"\/infodoc\/files\/img\/manips\/ajoutmenu-08.png\" alt=\"menu principal 2\" \/><\/p>\n<p>Dans la partie gauche, vous pouvez s\u00e9lectionner le type d&rsquo;\u00e9l\u00e9ment \u00e0 ajouter au menu : Pages, Articles, Liens personnalis\u00e9s ou Cat\u00e9gories.<br \/>\nEn cliquant sur la petite fl\u00e8che \u00e0 droite de chaque type,<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":214,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-647","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/647","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=647"}],"version-history":[{"count":18,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/647\/revisions"}],"predecessor-version":[{"id":1851,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/647\/revisions\/1851"}],"up":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/214"}],"wp:attachment":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/media?parent=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}