{"id":102399,"date":"2013-02-11T17:17:39","date_gmt":"2013-02-11T17:17:39","guid":{"rendered":"http:\/\/wpml.org\/navigation-dans-le-site\/"},"modified":"2024-12-04T10:28:15","modified_gmt":"2024-12-04T10:28:15","slug":"navigation-dans-le-site","status":"publish","type":"page","link":"https:\/\/wpml.org\/fr\/documentation-6\/informations-pour-les-developpeurs\/navigation-dans-le-site\/","title":{"rendered":"Ajout d&rsquo;\u00e9l\u00e9ments de navigation \u00e0 votre site avec l&rsquo;extension WPML CMS Navigation"},"content":{"rendered":"\n<p class=\"lead\"><strong>WPML CMS Navigation<\/strong> est un plugin compl\u00e9mentaire qui fournit des \u00e9l\u00e9ments de navigation lors de la cr\u00e9ation de votre site multilingue.<\/p>\n\n<p>L&rsquo;extension est incluse dans votre package WPML Multilingual CMS.<\/p>\n\n<p>Les \u00e9l\u00e9ments de navigation que vous pouvez ajouter avec le plugin <strong>WPML CMS Navigation<\/strong> incluent :<\/p>\n\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"66f22fab7bcddbe7ecb0e6dc7cef4860\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"1100a86a86dd1c6936da03f54d874a75\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"a771a62e655e5ef2aa54d086e140f141\">\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f3ad4ad1734d9ca9bbbb0a56da25612d\" data-last-update=\"1.4\">Fil d&rsquo;Ariane<\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f595bdcc4a138c304f42feabd82a21e4\" data-last-update=\"1.4\">Aide les utilisateurs \u00e0 trouver leur chemin dans la structure du site<\/p>\n<\/div>\n\n\n\n<div class=\"tb-fields-and-text\" data-toolset-blocks-fields-and-text=\"5f397e768af5b1802ee8ff56097adb2d\"><p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/breadcrumbs-1536x716.png\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/breadcrumbs-1536x716.png\" width=\"1536\" height=\"716\"\/><\/a><\/p><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"1100a86a86dd1c6936da03f54d874a75\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"a771a62e655e5ef2aa54d086e140f141\">\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f3ad4ad1734d9ca9bbbb0a56da25612d\" data-last-update=\"1.4\">Menus d\u00e9roulants<\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f595bdcc4a138c304f42feabd82a21e4\" data-last-update=\"1.4\">Permet aux utilisateurs d&rsquo;acc\u00e9der rapidement \u00e0 des sections sp\u00e9cifiques<\/p>\n<\/div>\n\n\n\n<div class=\"tb-fields-and-text\" data-toolset-blocks-fields-and-text=\"5f397e768af5b1802ee8ff56097adb2d\"><p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/dropdown-menus-1536x597.png\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/dropdown-menus-1536x597.png\" width=\"1536\" height=\"597\"\/><\/a><\/p><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"1100a86a86dd1c6936da03f54d874a75\">\n<div class=\"wp-block-toolset-blocks-container tb-container\" data-toolset-blocks-container=\"a771a62e655e5ef2aa54d086e140f141\">\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f3ad4ad1734d9ca9bbbb0a56da25612d\" data-last-update=\"1.4\">Barre lat\u00e9rale<\/p>\n\n\n\n<p class=\"tb-heading has-text-color\" data-toolset-blocks-heading=\"f595bdcc4a138c304f42feabd82a21e4\" data-last-update=\"1.4\">Affiche aux utilisateurs les pages li\u00e9es \u00e0 la page qu&rsquo;ils consultent<\/p>\n<\/div>\n\n\n\n<div class=\"tb-fields-and-text\" data-toolset-blocks-fields-and-text=\"5f397e768af5b1802ee8ff56097adb2d\"><p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/sidebar-1536x827.png\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/sidebar-1536x827.png\" alt=\"\" width=\"1536\" height=\"827\"\/><\/a><\/p><\/div>\n<\/div>\n<\/div>\n\n<h2 class=\"wp-block-heading\" id=\"add-navigation-to-theme\">Ajout d&rsquo;\u00e9l\u00e9ments de navigation \u00e0 votre th\u00e8me<\/h2>\n\n<p>Pour utiliser chaque \u00e9l\u00e9ment, ajoutez-les \u00e0 votre th\u00e8me en utilisant des fonctions PHP sur une seule ligne.<\/p>\n\n<figure class=\"wp-block-table is-style-regular nt nw\"><table><thead><tr><th class=\"has-text-align-left\" data-align=\"left\"><\/th><th class=\"has-text-align-left\" data-align=\"left\">Code PHP<\/th><th class=\"has-text-align-left\" data-align=\"left\">O\u00f9 ajouter<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Fil d&rsquo;Ariane<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\"><code>&lt;?php do_action('icl_navigation_breadcrumb'); ?&gt;<\/code><\/td><td class=\"has-text-align-left\" data-align=\"left\">header.php ou single.php, page.php, archive.php, tag.php et search.php<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Menus d\u00e9roulants<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\"><code>&lt;?php do_action('icl_navigation_menu'); ?&gt;<\/code><\/td><td class=\"has-text-align-left\" data-align=\"left\">header.php<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Barre lat\u00e9rale<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\"><code>&lt;?php do_action('icl_navigation_sidebar'); ?&gt;<\/code><\/td><td class=\"has-text-align-left\" data-align=\"left\">sidebar.php<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<p>La navigation de la barre lat\u00e9rale est \u00e9galement disponible sous forme de Widget WordPress. Ajoutez-le via le contr\u00f4le des Widgets sur la page <strong>Apparence \u2192 Widgets<\/strong>. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"customize-navigation-elements\">Personnalisation des \u00e9l\u00e9ments de navigation<\/h2>\n\n<p>Pour personnaliser les param\u00e8tres globaux de l&rsquo;extension, allez \u00e0 <strong>WPML \u2192 Navigation.<\/strong> Vous pouvez ajuster les param\u00e8tres de base, tels que le symbole qui s\u00e9pare le fil d&rsquo;Ariane.<\/p>\n\n<p>Vous pouvez \u00e9galement appliquer diverses personnalisations via l&rsquo;\u00e9diteur WordPress ou CSS.<\/p>\n\n<h3 class=\"wp-block-heading\">1. Personnalisation des \u00e9l\u00e9ments de navigation avec l&rsquo;\u00e9diteur WordPress<\/h3>\n\n<p>Lorsque vous \u00e9ditez une page dans l&rsquo;\u00e9diteur WordPress, faites d\u00e9filer vers le bas pour trouver une section intitul\u00e9e <strong>CMS Navigation<\/strong>.<\/p>\n\n<figure class=\"wp-block-image tb-image tb-image-dynamic tb-image-frame-none\" data-toolset-blocks-image=\"42c0545cd2f3545b98e98cf33e20974f\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options.png\"><img decoding=\"async\" width=\"1239\" height=\"731\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options.png\" alt=\"\" class=\"wp-image-16367736\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options.png 1239w, https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options-300x177.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options-1024x604.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options-150x88.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2024\/11\/wpml-cms-navigation-options-768x453.png 768w\" sizes=\"auto, (max-width: 1239px) 100vw, 1239px\" \/><\/a><figcaption><div class=\"tb-image-caption\">Faites d\u00e9filer vers le bas dans l&rsquo;\u00e9diteur WordPress pour trouver la section avec les param\u00e8tres de navigation<p><span style=\"font-style: italic; font-family: Verdana, Geneva, sans-serif; white-space-collapse: collapse;\"><\/span><\/p><\/div><\/figcaption><\/figure>\n\n<p>Cette section vous permet de personnaliser ce qui s&rsquo;affiche sur la barre lat\u00e9rale. Vous pouvez : <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Exclure la page actuelle<\/li>\n\n\n\n<li>Afficher ou non ses pages enfants<\/li>\n\n\n\n<li>Attribuer une section pour afficher la page<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">2. Personnalisation de l&rsquo;apparence des \u00e9l\u00e9ments de navigation avec CSS<\/h3>\n\n<p>Les \u00e9l\u00e9ments de navigation sont fournis avec une apparence par d\u00e9faut, que vous pouvez personnaliser en utilisant CSS.<\/p>\n\n<p>Allez \u00e0 <strong>..\/wp-content\/plugins\/wpml-cms-nav\/res\/css<\/strong> pour localiser deux fichiers :<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>cms-navigation-base.css<\/strong> : Ce fichier est responsable de la fonctionnalit\u00e9 du menu d\u00e9roulant et vous <strong>ne devriez pas<\/strong> le modifier.<\/li>\n\n\n\n<li><strong>cms-navigation.css<\/strong> : C&rsquo;est un fichier que vous pouvez copier et modifier pour ajouter vos personnalisations.<\/li>\n<\/ul>\n\n<p>Proc\u00e9dez comme suit :<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Copiez le deuxi\u00e8me fichier, <strong>cms-navigation.css<\/strong>, du r\u00e9pertoire du plugin et placez-le dans le r\u00e9pertoire de votre th\u00e8me.<\/li>\n\n\n\n<li>Appelez <strong>wp_head()<\/strong> et chargez votre copie. Cela chargera les fichiers CSS du plugin. <\/li>\n\n\n\n<li>Appliquez vos personnalisations CSS au nouveau fichier.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>WPML CMS Navigation est un plugin compl\u00e9mentaire qui fournit des \u00e9l\u00e9ments de navigation lors de la cr\u00e9ation de votre site multilingue. L&rsquo;extension est incluse dans votre package WPML Multilingual CMS. Les \u00e9l\u00e9ments de navigation que vous pouvez ajouter avec le plugin WPML CMS Navigation incluent : Ajout d&rsquo;\u00e9l\u00e9ments de navigation \u00e0 votre th\u00e8me Pour utiliser [&hellip;]<\/p>\n","protected":false},"author":777903,"featured_media":0,"parent":105281,"menu_order":66,"comment_status":"closed","ping_status":"closed","template":"template-nosidebar-centered.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"related-projects-category":[],"class_list":["post-102399","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/102399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/users\/777903"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/comments?post=102399"}],"version-history":[{"count":8,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/102399\/revisions"}],"predecessor-version":[{"id":16475867,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/102399\/revisions\/16475867"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/105281"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/media?parent=102399"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/related-projects-category?post=102399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}