{"id":1891,"date":"2026-01-08T17:03:51","date_gmt":"2026-01-08T22:03:51","guid":{"rendered":"https:\/\/tricotwp.com\/?p=1891"},"modified":"2026-01-08T17:03:51","modified_gmt":"2026-01-08T22:03:51","slug":"selecteur-de-langue-offrez-une-navigation-multilingue-fluide","status":"publish","type":"post","link":"https:\/\/tricotwp.com\/de\/selecteur-de-langue-offrez-une-navigation-multilingue-fluide\/","title":{"rendered":"S\u00e9lecteur de langue : offrez une navigation multilingue fluide"},"content":{"rendered":"[vc_row type=\u00a0\u00bbin_container\u00a0\u00bb full_screen_row_position=\u00a0\u00bbmiddle\u00a0\u00bb column_margin=\u00a0\u00bbdefault\u00a0\u00bb column_direction=\u00a0\u00bbdefault\u00a0\u00bb column_direction_tablet=\u00a0\u00bbdefault\u00a0\u00bb column_direction_phone=\u00a0\u00bbdefault\u00a0\u00bb scene_position=\u00a0\u00bbcenter\u00a0\u00bb text_color=\u00a0\u00bbdark\u00a0\u00bb text_align=\u00a0\u00bbleft\u00a0\u00bb row_border_radius=\u00a0\u00bbnone\u00a0\u00bb row_border_radius_applies=\u00a0\u00bbbg\u00a0\u00bb row_position_desktop=\u00a0\u00bbdefault\u00a0\u00bb row_position_tablet=\u00a0\u00bbinherit\u00a0\u00bb row_position_phone=\u00a0\u00bbinherit\u00a0\u00bb overflow=\u00a0\u00bbvisible\u00a0\u00bb overlay_strength=\u00a0\u00bb0.3&Prime; gradient_direction=\u00a0\u00bbleft_to_right\u00a0\u00bb shape_divider_position=\u00a0\u00bbbottom\u00a0\u00bb bg_image_animation=\u00a0\u00bbnone\u00a0\u00bb][vc_column column_padding=\u00a0\u00bbno-extra-padding\u00a0\u00bb column_padding_tablet=\u00a0\u00bbinherit\u00a0\u00bb column_padding_phone=\u00a0\u00bbinherit\u00a0\u00bb column_padding_position=\u00a0\u00bball\u00a0\u00bb flex_gap_desktop=\u00a0\u00bb10px\u00a0\u00bb column_element_direction_desktop=\u00a0\u00bbdefault\u00a0\u00bb column_element_spacing=\u00a0\u00bbdefault\u00a0\u00bb desktop_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb tablet_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb phone_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb background_color_opacity=\u00a0\u00bb1&Prime; background_hover_color_opacity=\u00a0\u00bb1&Prime; column_backdrop_filter=\u00a0\u00bbnone\u00a0\u00bb column_shadow=\u00a0\u00bbnone\u00a0\u00bb column_border_radius=\u00a0\u00bbnone\u00a0\u00bb column_link_target=\u00a0\u00bb_self\u00a0\u00bb column_position=\u00a0\u00bbdefault\u00a0\u00bb gradient_direction=\u00a0\u00bbleft_to_right\u00a0\u00bb overlay_strength=\u00a0\u00bb0.3&Prime; width=\u00a0\u00bb1\/1&Prime; tablet_width_inherit=\u00a0\u00bbdefault\u00a0\u00bb animation_type=\u00a0\u00bbdefault\u00a0\u00bb bg_image_animation=\u00a0\u00bbnone\u00a0\u00bb border_type=\u00a0\u00bbsimple\u00a0\u00bb column_border_width=\u00a0\u00bbnone\u00a0\u00bb column_border_style=\u00a0\u00bbsolid\u00a0\u00bb][image_with_animation image_url=\u00a0\u00bb1869&Prime; image_size=\u00a0\u00bbfull\u00a0\u00bb max_width=\u00a0\u00bb100%\u00a0\u00bb max_width_mobile=\u00a0\u00bbdefault\u00a0\u00bb animation_type=\u00a0\u00bbentrance\u00a0\u00bb animation=\u00a0\u00bbNone\u00a0\u00bb animation_movement_type=\u00a0\u00bbtransform_y\u00a0\u00bb hover_animation=\u00a0\u00bbnone\u00a0\u00bb alignment=\u00a0\u00bb\u00a0\u00bb border_radius=\u00a0\u00bbnone\u00a0\u00bb box_shadow=\u00a0\u00bbnone\u00a0\u00bb image_loading=\u00a0\u00bbdefault\u00a0\u00bb][vc_column_text css=\u00a0\u00bb\u00a0\u00bb text_direction=\u00a0\u00bbdefault\u00a0\u00bb]\n<h2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\">Options d&rsquo;affichage<\/h2>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">M\u00e9thode d&rsquo;int\u00e9gration<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Deux approches sont disponibles pour int\u00e9grer le s\u00e9lecteur de langue :<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Menus<\/strong><\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\">Ajoute le s\u00e9lecteur directement dans vos menus WordPress existants<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Id\u00e9al si vous avez d\u00e9j\u00e0 une structure de navigation \u00e9tablie<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Le s\u00e9lecteur s&rsquo;int\u00e8gre naturellement comme un \u00e9l\u00e9ment de menu<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Vous choisissez dans quel menu sp\u00e9cifique l&rsquo;ajouter (menu principal, footer, etc.)<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Emplacements<\/strong><\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\">Utilise les zones de widgets pr\u00e9d\u00e9finies de votre th\u00e8me WordPress<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Parfait pour placer le s\u00e9lecteur dans des zones sp\u00e9cifiques (sidebar, header, footer)<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Offre plus de flexibilit\u00e9 pour le positionnement<\/li>\n<li class=\"whitespace-normal break-words pl-2\">D\u00e9pend des emplacements disponibles dans votre th\u00e8me<\/li>\n<\/ul>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Ajouter aux menus<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Si vous choisissez la m\u00e9thode \u00ab Menus \u00bb, s\u00e9lectionnez les menus dans lesquels le s\u00e9lecteur doit appara\u00eetre (Login, Menu, Menu footer, Ressources, etc.).<\/p>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Position du menu<\/h3>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\"><strong>D\u00e9but du menu<\/strong> : le s\u00e9lecteur appara\u00eet comme premier \u00e9l\u00e9ment<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Fin du menu<\/strong> : le s\u00e9lecteur appara\u00eet comme dernier \u00e9l\u00e9ment<\/li>\n<\/ul>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Style d&rsquo;affichage<\/h3>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\"><strong>Code de la langue<\/strong> : affiche les codes ISO (EN, FR, ES)<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Nom de la langue<\/strong> : affiche les noms complets (English, Fran\u00e7ais, Espa\u00f1ol)<\/li>\n<\/ul>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Options suppl\u00e9mentaires<\/h3>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\"><strong>Masquer la langue actuellement s\u00e9lectionn\u00e9e<\/strong> : n&rsquo;affiche que les autres langues disponibles<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Utiliser le style du th\u00e8me<\/strong> : applique automatiquement le CSS de votre th\u00e8me au s\u00e9lecteur (d\u00e9sactive les options de personnalisation ci-dessous)<\/li>\n<\/ul>\n[\/vc_column_text][image_with_animation image_size=\u00a0\u00bbfull\u00a0\u00bb max_width=\u00a0\u00bb100%\u00a0\u00bb max_width_mobile=\u00a0\u00bbdefault\u00a0\u00bb animation_type=\u00a0\u00bbentrance\u00a0\u00bb animation=\u00a0\u00bbNone\u00a0\u00bb animation_movement_type=\u00a0\u00bbtransform_y\u00a0\u00bb hover_animation=\u00a0\u00bbnone\u00a0\u00bb constrain_group_1=\u00a0\u00bbyes\u00a0\u00bb alignment=\u00a0\u00bb\u00a0\u00bb border_radius=\u00a0\u00bbnone\u00a0\u00bb box_shadow=\u00a0\u00bbnone\u00a0\u00bb image_loading=\u00a0\u00bbdefault\u00a0\u00bb margin_top=\u00a0\u00bb60px\u00a0\u00bb margin_bottom=\u00a0\u00bb60px\u00a0\u00bb][\/vc_column][\/vc_row][vc_row type=\u00a0\u00bbin_container\u00a0\u00bb full_screen_row_position=\u00a0\u00bbmiddle\u00a0\u00bb column_margin=\u00a0\u00bbdefault\u00a0\u00bb column_direction=\u00a0\u00bbdefault\u00a0\u00bb column_direction_tablet=\u00a0\u00bbdefault\u00a0\u00bb column_direction_phone=\u00a0\u00bbdefault\u00a0\u00bb scene_position=\u00a0\u00bbcenter\u00a0\u00bb text_color=\u00a0\u00bbdark\u00a0\u00bb text_align=\u00a0\u00bbleft\u00a0\u00bb row_border_radius=\u00a0\u00bbnone\u00a0\u00bb row_border_radius_applies=\u00a0\u00bbbg\u00a0\u00bb row_position_desktop=\u00a0\u00bbdefault\u00a0\u00bb row_position_tablet=\u00a0\u00bbinherit\u00a0\u00bb row_position_phone=\u00a0\u00bbinherit\u00a0\u00bb overflow=\u00a0\u00bbvisible\u00a0\u00bb overlay_strength=\u00a0\u00bb0.3&Prime; gradient_direction=\u00a0\u00bbleft_to_right\u00a0\u00bb shape_divider_position=\u00a0\u00bbbottom\u00a0\u00bb bg_image_animation=\u00a0\u00bbnone\u00a0\u00bb][vc_column column_padding=\u00a0\u00bbno-extra-padding\u00a0\u00bb column_padding_tablet=\u00a0\u00bbinherit\u00a0\u00bb column_padding_phone=\u00a0\u00bbinherit\u00a0\u00bb column_padding_position=\u00a0\u00bball\u00a0\u00bb flex_gap_desktop=\u00a0\u00bb10px\u00a0\u00bb column_element_direction_desktop=\u00a0\u00bbdefault\u00a0\u00bb column_element_spacing=\u00a0\u00bbdefault\u00a0\u00bb desktop_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb tablet_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb phone_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb background_color_opacity=\u00a0\u00bb1&Prime; background_hover_color_opacity=\u00a0\u00bb1&Prime; column_backdrop_filter=\u00a0\u00bbnone\u00a0\u00bb column_shadow=\u00a0\u00bbnone\u00a0\u00bb column_border_radius=\u00a0\u00bbnone\u00a0\u00bb column_link_target=\u00a0\u00bb_self\u00a0\u00bb column_position=\u00a0\u00bbdefault\u00a0\u00bb gradient_direction=\u00a0\u00bbleft_to_right\u00a0\u00bb overlay_strength=\u00a0\u00bb0.3&Prime; width=\u00a0\u00bb1\/1&Prime; tablet_width_inherit=\u00a0\u00bbdefault\u00a0\u00bb animation_type=\u00a0\u00bbdefault\u00a0\u00bb bg_image_animation=\u00a0\u00bbnone\u00a0\u00bb border_type=\u00a0\u00bbsimple\u00a0\u00bb column_border_width=\u00a0\u00bbnone\u00a0\u00bb column_border_style=\u00a0\u00bbsolid\u00a0\u00bb][vc_column_text css=\u00a0\u00bb\u00a0\u00bb text_direction=\u00a0\u00bbdefault\u00a0\u00bb]\n<h2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\">Options de style<\/h2>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Si vous n&rsquo;utilisez pas le style du th\u00e8me, personnalisez l&rsquo;apparence du s\u00e9lecteur :<\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\">Couleur d&rsquo;arri\u00e8re-plan<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Couleur du texte<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Couleur du texte en survol<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Taille de la police (en pixels)<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Rayon de bordure (coins arrondis)<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Remplissage (espacement interne)<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Classes CSS personnalis\u00e9es<\/li>\n<\/ul>\n[\/vc_column_text][image_with_animation image_size=\u00a0\u00bbfull\u00a0\u00bb max_width=\u00a0\u00bb100%\u00a0\u00bb max_width_mobile=\u00a0\u00bbdefault\u00a0\u00bb animation_type=\u00a0\u00bbentrance\u00a0\u00bb animation=\u00a0\u00bbNone\u00a0\u00bb animation_movement_type=\u00a0\u00bbtransform_y\u00a0\u00bb hover_animation=\u00a0\u00bbnone\u00a0\u00bb constrain_group_1=\u00a0\u00bbyes\u00a0\u00bb alignment=\u00a0\u00bb\u00a0\u00bb border_radius=\u00a0\u00bbnone\u00a0\u00bb box_shadow=\u00a0\u00bbnone\u00a0\u00bb image_loading=\u00a0\u00bbdefault\u00a0\u00bb margin_top=\u00a0\u00bb60px\u00a0\u00bb margin_bottom=\u00a0\u00bb60px\u00a0\u00bb][\/vc_column][\/vc_row][vc_row type=\u00a0\u00bbin_container\u00a0\u00bb full_screen_row_position=\u00a0\u00bbmiddle\u00a0\u00bb column_margin=\u00a0\u00bbdefault\u00a0\u00bb column_direction=\u00a0\u00bbdefault\u00a0\u00bb column_direction_tablet=\u00a0\u00bbdefault\u00a0\u00bb column_direction_phone=\u00a0\u00bbdefault\u00a0\u00bb scene_position=\u00a0\u00bbcenter\u00a0\u00bb text_color=\u00a0\u00bbdark\u00a0\u00bb text_align=\u00a0\u00bbleft\u00a0\u00bb row_border_radius=\u00a0\u00bbnone\u00a0\u00bb row_border_radius_applies=\u00a0\u00bbbg\u00a0\u00bb row_position_desktop=\u00a0\u00bbdefault\u00a0\u00bb row_position_tablet=\u00a0\u00bbinherit\u00a0\u00bb row_position_phone=\u00a0\u00bbinherit\u00a0\u00bb overflow=\u00a0\u00bbvisible\u00a0\u00bb overlay_strength=\u00a0\u00bb0.3&Prime; gradient_direction=\u00a0\u00bbleft_to_right\u00a0\u00bb shape_divider_position=\u00a0\u00bbbottom\u00a0\u00bb bg_image_animation=\u00a0\u00bbnone\u00a0\u00bb][vc_column column_padding=\u00a0\u00bbno-extra-padding\u00a0\u00bb column_padding_tablet=\u00a0\u00bbinherit\u00a0\u00bb column_padding_phone=\u00a0\u00bbinherit\u00a0\u00bb column_padding_position=\u00a0\u00bball\u00a0\u00bb flex_gap_desktop=\u00a0\u00bb10px\u00a0\u00bb column_element_direction_desktop=\u00a0\u00bbdefault\u00a0\u00bb column_element_spacing=\u00a0\u00bbdefault\u00a0\u00bb desktop_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb tablet_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb phone_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb background_color_opacity=\u00a0\u00bb1&Prime; background_hover_color_opacity=\u00a0\u00bb1&Prime; column_backdrop_filter=\u00a0\u00bbnone\u00a0\u00bb column_shadow=\u00a0\u00bbnone\u00a0\u00bb column_border_radius=\u00a0\u00bbnone\u00a0\u00bb column_link_target=\u00a0\u00bb_self\u00a0\u00bb column_position=\u00a0\u00bbdefault\u00a0\u00bb gradient_direction=\u00a0\u00bbleft_to_right\u00a0\u00bb overlay_strength=\u00a0\u00bb0.3&Prime; width=\u00a0\u00bb1\/1&Prime; tablet_width_inherit=\u00a0\u00bbdefault\u00a0\u00bb animation_type=\u00a0\u00bbdefault\u00a0\u00bb bg_image_animation=\u00a0\u00bbnone\u00a0\u00bb border_type=\u00a0\u00bbsimple\u00a0\u00bb column_border_width=\u00a0\u00bbnone\u00a0\u00bb column_border_style=\u00a0\u00bbsolid\u00a0\u00bb][vc_column_text css=\u00a0\u00bb\u00a0\u00bb text_direction=\u00a0\u00bbdefault\u00a0\u00bb]\n<h2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\">G\u00e9rer le s\u00e9lecteur via les menus WordPress<\/h2>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Pour un contr\u00f4le plus fin, vous pouvez aussi ajouter et configurer le s\u00e9lecteur de langue directement depuis l&rsquo;interface native des menus WordPress (<strong>Apparence &gt; Menus<\/strong>).<\/p>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Ajouter le s\u00e9lecteur \u00e0 un menu<\/h3>\n<ol class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-decimal flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\">Rendez-vous dans <strong>Apparence &gt; Menus<\/strong><\/li>\n<li class=\"whitespace-normal break-words pl-2\">Dans la colonne de gauche, rep\u00e9rez le panneau <strong>Tricot &#8211; S\u00e9lecteur de langue<\/strong><\/li>\n<li class=\"whitespace-normal break-words pl-2\">Cochez \u00ab S\u00e9lecteur de langue \u00bb<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Cliquez sur <strong>Ajouter au menu<\/strong><\/li>\n<\/ol>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Le s\u00e9lecteur appara\u00eet maintenant dans la structure de votre menu, comme n&rsquo;importe quel autre \u00e9l\u00e9ment.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">[IMAGE ICI \/\/ Panneau Tricot &#8211; S\u00e9lecteur de langue dans l&rsquo;\u00e9diteur de menus WordPress]\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Configurer le s\u00e9lecteur dans le menu<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Une fois ajout\u00e9, cliquez sur le s\u00e9lecteur dans la structure du menu pour acc\u00e9der \u00e0 ses options :<\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\"><strong>Menu parent<\/strong> : imbriquez le s\u00e9lecteur sous un autre \u00e9l\u00e9ment si d\u00e9sir\u00e9<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Ordre du menu<\/strong> : ajustez sa position dans le menu<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Affichage du menu<\/strong> : choisissez entre \u00ab Liste de menu \u00bb (les langues s&rsquo;affichent c\u00f4te \u00e0 c\u00f4te) ou \u00ab Menu d\u00e9roulant \u00bb (les langues apparaissent dans un dropdown)<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Style d&rsquo;affichage<\/strong> : \u00ab Code de la langue (EN, FR, etc.) \u00bb ou \u00ab Nom de la langue (anglais, fran\u00e7ais, etc.) \u00bb<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Masquer la langue actuellement s\u00e9lectionn\u00e9e<\/strong> : n&rsquo;affiche que les langues alternatives<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Menu Item Style<\/strong> : Standard ou personnalis\u00e9 selon votre th\u00e8me<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Vous pouvez aussi d\u00e9placer le s\u00e9lecteur dans la structure du menu en utilisant les liens \u00ab D\u00e9placer \u00bb, \u00ab Un cran vers le haut \u00bb, \u00ab Tout en haut \u00bb, etc.<\/p>\n[\/vc_column_text][image_with_animation image_size=\u00a0\u00bbfull\u00a0\u00bb max_width=\u00a0\u00bb100%\u00a0\u00bb max_width_mobile=\u00a0\u00bbdefault\u00a0\u00bb animation_type=\u00a0\u00bbentrance\u00a0\u00bb animation=\u00a0\u00bbNone\u00a0\u00bb animation_movement_type=\u00a0\u00bbtransform_y\u00a0\u00bb hover_animation=\u00a0\u00bbnone\u00a0\u00bb constrain_group_1=\u00a0\u00bbyes\u00a0\u00bb alignment=\u00a0\u00bb\u00a0\u00bb border_radius=\u00a0\u00bbnone\u00a0\u00bb box_shadow=\u00a0\u00bbnone\u00a0\u00bb image_loading=\u00a0\u00bbdefault\u00a0\u00bb margin_top=\u00a0\u00bb60px\u00a0\u00bb margin_bottom=\u00a0\u00bb60px\u00a0\u00bb][\/vc_column][\/vc_row][vc_row type=\u00a0\u00bbin_container\u00a0\u00bb full_screen_row_position=\u00a0\u00bbmiddle\u00a0\u00bb column_margin=\u00a0\u00bbdefault\u00a0\u00bb column_direction=\u00a0\u00bbdefault\u00a0\u00bb column_direction_tablet=\u00a0\u00bbdefault\u00a0\u00bb column_direction_phone=\u00a0\u00bbdefault\u00a0\u00bb scene_position=\u00a0\u00bbcenter\u00a0\u00bb text_color=\u00a0\u00bbdark\u00a0\u00bb text_align=\u00a0\u00bbleft\u00a0\u00bb row_border_radius=\u00a0\u00bbnone\u00a0\u00bb row_border_radius_applies=\u00a0\u00bbbg\u00a0\u00bb row_position_desktop=\u00a0\u00bbdefault\u00a0\u00bb row_position_tablet=\u00a0\u00bbinherit\u00a0\u00bb row_position_phone=\u00a0\u00bbinherit\u00a0\u00bb overflow=\u00a0\u00bbvisible\u00a0\u00bb overlay_strength=\u00a0\u00bb0.3&Prime; gradient_direction=\u00a0\u00bbleft_to_right\u00a0\u00bb shape_divider_position=\u00a0\u00bbbottom\u00a0\u00bb bg_image_animation=\u00a0\u00bbnone\u00a0\u00bb][vc_column column_padding=\u00a0\u00bbno-extra-padding\u00a0\u00bb column_padding_tablet=\u00a0\u00bbinherit\u00a0\u00bb column_padding_phone=\u00a0\u00bbinherit\u00a0\u00bb column_padding_position=\u00a0\u00bball\u00a0\u00bb flex_gap_desktop=\u00a0\u00bb10px\u00a0\u00bb column_element_direction_desktop=\u00a0\u00bbdefault\u00a0\u00bb column_element_spacing=\u00a0\u00bbdefault\u00a0\u00bb desktop_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb tablet_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb phone_text_alignment=\u00a0\u00bbdefault\u00a0\u00bb background_color_opacity=\u00a0\u00bb1&Prime; background_hover_color_opacity=\u00a0\u00bb1&Prime; column_backdrop_filter=\u00a0\u00bbnone\u00a0\u00bb column_shadow=\u00a0\u00bbnone\u00a0\u00bb column_border_radius=\u00a0\u00bbnone\u00a0\u00bb column_link_target=\u00a0\u00bb_self\u00a0\u00bb column_position=\u00a0\u00bbdefault\u00a0\u00bb gradient_direction=\u00a0\u00bbleft_to_right\u00a0\u00bb overlay_strength=\u00a0\u00bb0.3&Prime; width=\u00a0\u00bb1\/1&Prime; tablet_width_inherit=\u00a0\u00bbdefault\u00a0\u00bb animation_type=\u00a0\u00bbdefault\u00a0\u00bb bg_image_animation=\u00a0\u00bbnone\u00a0\u00bb border_type=\u00a0\u00bbsimple\u00a0\u00bb column_border_width=\u00a0\u00bbnone\u00a0\u00bb column_border_style=\u00a0\u00bbsolid\u00a0\u00bb][vc_column_text css=\u00a0\u00bb\u00a0\u00bb text_direction=\u00a0\u00bbdefault\u00a0\u00bb]\n<h2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\">Utilisation des shortcodes<\/h2>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Vous pouvez aussi placer le s\u00e9lecteur manuellement n&rsquo;importe o\u00f9 sur votre site gr\u00e2ce aux shortcodes :<\/p>\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1.5 [li_&amp;]:gap-1.5 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-2 pl-8 mb-3\">\n<li class=\"whitespace-normal break-words pl-2\"><code class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"><div class=\"tricot-lang-switcher notranslate\"><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                              class=\"lang-item\"\n                              id=\"lang_fr\"\n                              data-type=\"languageswitcher\">FR<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                              class=\"lang-item\"\n                              id=\"lang_en\"\n                              data-type=\"languageswitcher\">EN<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                              class=\"lang-item\"\n                              id=\"lang_es\"\n                              data-type=\"languageswitcher\">ES<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                              class=\"lang-item\"\n                              id=\"lang_ko\"\n                              data-type=\"languageswitcher\">KO<\/a><\/div><\/code> : s\u00e9lecteur complet avec options configurables<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><code class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"><div class=\"simple-lang-switcher notranslate\"><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                          class=\"lang-item\"\n                          id=\"lang_fr\"\n                          data-type=\"languageswitcher\">FR<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                          class=\"lang-item\"\n                          id=\"lang_en\"\n                          data-type=\"languageswitcher\">EN<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                          class=\"lang-item\"\n                          id=\"lang_es\"\n                          data-type=\"languageswitcher\">ES<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                          class=\"lang-item\"\n                          id=\"lang_ko\"\n                          data-type=\"languageswitcher\">KO<\/a><\/div><\/code> : s\u00e9lecteur simplifi\u00e9<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Ces shortcodes fonctionnent dans les pages, articles, widgets texte, zones personnalis\u00e9es de votre th\u00e8me et constructeurs de page (Elementor, Divi, etc.).<\/p>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Int\u00e9gration dans les templates PHP<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Pour les d\u00e9veloppeurs souhaitant int\u00e9grer le s\u00e9lecteur directement dans les fichiers de th\u00e8me :<\/p>\n<p><span class=\"token php language-php delimiter\">&lt;?php<\/span> <span class=\"token php language-php\">echo<\/span> <span class=\"token php language-php\">do_shortcode<\/span><span class=\"token php language-php\">(<\/span><span class=\"token php language-php single-quoted-string\">&lsquo;<div class=\"tricot-lang-switcher notranslate\"><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                              class=\"lang-item\"\n                              id=\"lang_fr\"\n                              data-type=\"languageswitcher\">FR<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                              class=\"lang-item\"\n                              id=\"lang_en\"\n                              data-type=\"languageswitcher\">EN<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                              class=\"lang-item\"\n                              id=\"lang_es\"\n                              data-type=\"languageswitcher\">ES<\/a><a href=\"https:\/\/tricotwp.com\/de\/de\/wp-json\/wp\/v2\/posts\/1891\/\"\n                              class=\"lang-item\"\n                              id=\"lang_ko\"\n                              data-type=\"languageswitcher\">KO<\/a><\/div>&lsquo;<\/span><span class=\"token php language-php\">)<\/span><span class=\"token php language-php\">;<\/span> <span class=\"token php language-php delimiter\">?&gt;<\/span>[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>La page de configuration du s\u00e9lecteur de langue vous permet de personnaliser comment vos visiteurs changent la langue du site.<\/p>\n","protected":false},"author":2,"featured_media":1894,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"categories":[14],"tags":[],"class_list":{"0":"post-1891","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-documentation"},"acf":[],"_links":{"self":[{"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/posts\/1891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/comments?post=1891"}],"version-history":[{"count":1,"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/posts\/1891\/revisions"}],"predecessor-version":[{"id":1892,"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/posts\/1891\/revisions\/1892"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/media\/1894"}],"wp:attachment":[{"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/media?parent=1891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/categories?post=1891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tricotwp.com\/de\/wp-json\/wp\/v2\/tags?post=1891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}