{"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\/en\/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\u2033 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\u2033 background_hover_color_opacity=\u00a0\u00bb1\u2033 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\u2033 width=\u00a0\u00bb1\/1\u2033 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\u2033 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]<h2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\">Display options<\/h2>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Integration method<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Two approaches are available for integrating the language selector:<\/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\">Adds the selector directly to your existing WordPress menus<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Ideal if you already have an established navigation structure<\/li>\n<li class=\"whitespace-normal break-words pl-2\">The selector integrates naturally as a menu item<\/li>\n<li class=\"whitespace-normal break-words pl-2\">You choose in which specific menu to add it (main menu, footer, etc.).<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Locations<\/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\">Uses the predefined widget areas of your WordPress theme<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Perfect for placing the selector in specific areas (sidebar, header, footer)<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Offers greater positioning flexibility<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Depends on the slots available in your theme<\/li>\n<\/ul>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Add to menus<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">If you choose the \"Menus\" method, select the menus in which the selector is to appear (Login, Menu, Menu footer, Resources, etc.).<\/p>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Menu position<\/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>Menu start<\/strong> the selector appears as the first element<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>End of menu<\/strong> the selector appears as the last element<\/li>\n<\/ul>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Display style<\/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>Language code<\/strong> displays ISO codes (EN, FR, ES)<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Language name<\/strong> displays full names (English, Fran\u00e7ais, Espa\u00f1ol)<\/li>\n<\/ul>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Additional options<\/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>Hide currently selected language<\/strong> displays only other available languages<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Use the theme style<\/strong> automatically applies your theme's CSS to the selector (disables customization options below)<\/li>\n<\/ul>[\/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\u2033 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\u2033 background_hover_color_opacity=\u00a0\u00bb1\u2033 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\u2033 width=\u00a0\u00bb1\/1\u2033 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]<h2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\">Style options<\/h2>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">If you're not using the theme style, customize the appearance of the selector:<\/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\">Background color<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Text color<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Hover text color<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Font size (in pixels)<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Edge radius (rounded corners)<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Filling (internal spacing)<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Custom CSS classes<\/li>\n<\/ul>[\/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\u2033 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\u2033 background_hover_color_opacity=\u00a0\u00bb1\u2033 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\u2033 width=\u00a0\u00bb1\/1\u2033 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]<h2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\">Managing the selector via WordPress menus<\/h2>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">For finer control, you can also add and configure the language selector directly from the native WordPress menu interface (<strong>Appearance &gt; Menus<\/strong>).<\/p>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Add the selector to a 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\">See you in <strong>Appearance &gt; Menus<\/strong><\/li>\n<li class=\"whitespace-normal break-words pl-2\">In the left-hand column, locate the <strong>Tricot - Language selector<\/strong><\/li>\n<li class=\"whitespace-normal break-words pl-2\">Check \"Language selector\".<\/li>\n<li class=\"whitespace-normal break-words pl-2\">Click on <strong>Add to menu<\/strong><\/li>\n<\/ol>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The selector now appears in your menu structure, just like any other item.<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">[IMAGE ICI \/\/ Tricot panel - Language selector in the WordPress menu editor]<\/p><h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Configure selector in menu<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Once added, click on the selector in the menu structure to access its 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>Parent menu<\/strong> nest the selector under another element if desired<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Menu order<\/strong> Adjust its position in the<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Menu display<\/strong> Choose between \"Menu list\" (languages are displayed side by side) or \"Dropdown menu\" (languages appear in a dropdown).<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Display style<\/strong> Language code (EN, FR, etc.)\" or \"Language name (English, French, etc.)\".<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Hide currently selected language<\/strong> only displays alternative languages<\/li>\n<li class=\"whitespace-normal break-words pl-2\"><strong>Menu Item Style<\/strong> Standard or customized according to your theme<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">You can also move the selector within the menu structure by using the \"Move\", \"Up a notch\", \"All the way to the top\", etc. links.<\/p>[\/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\u2033 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\u2033 background_hover_color_opacity=\u00a0\u00bb1\u2033 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\u2033 width=\u00a0\u00bb1\/1\u2033 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]<h2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\">Using shortcodes<\/h2>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">You can also manually place the selector anywhere on your site using 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\" tricot_exclude_translation=\"notranslate\"><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_fr\" data-type=\"languageswitcher\">FR<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_es\" data-type=\"languageswitcher\">ES<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_de\" data-type=\"languageswitcher\">DE<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_ko\" data-type=\"languageswitcher\">KO<\/a><\/div><\/code> complete selector with configurable options<\/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\" tricot_exclude_translation=\"notranslate\"><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_fr\" data-type=\"languageswitcher\">FR<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_es\" data-type=\"languageswitcher\">ES<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_de\" data-type=\"languageswitcher\">DE<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_ko\" data-type=\"languageswitcher\">KO<\/a><\/div><\/code> simplified selector<\/li>\n<\/ul>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">These shortcodes work in pages, posts, text widgets, custom zones in your theme and page builders (Elementor, Divi, etc.).<\/p>\n<h3 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\">Integration into PHP templates<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">For developers wishing to integrate the selector directly into :<\/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\">\u2018<div class=\"tricot-lang-switcher notranslate\" tricot_exclude_translation=\"notranslate\"><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_fr\" data-type=\"languageswitcher\">FR<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_es\" data-type=\"languageswitcher\">ES<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_de\" data-type=\"languageswitcher\">DE<\/a><a href=\"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/\" class=\"lang-item\" id=\"lang_ko\" data-type=\"languageswitcher\">KO<\/a><\/div>\u2018<\/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]<\/p>","protected":false},"excerpt":{"rendered":"<p>The language selector configuration page lets you customize how your visitors change the language of the 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_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"inline_featured_image":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-1891","post","type-post","status-publish","format-standard","has-post-thumbnail","category-documentation"],"acf":[],"_links":{"self":[{"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/comments?post=1891"}],"version-history":[{"count":1,"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/revisions"}],"predecessor-version":[{"id":1892,"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/posts\/1891\/revisions\/1892"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/media\/1894"}],"wp:attachment":[{"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/media?parent=1891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/categories?post=1891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tricotwp.com\/en\/wp-json\/wp\/v2\/tags?post=1891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}