{"id":106453,"date":"2013-02-22T09:13:46","date_gmt":"2013-02-22T09:13:46","guid":{"rendered":"http:\/\/wpml.org\/documentation-6\/guide-de-demarrage-rapide\/configuration-de-la-langue\/selecteur-de-langue-personnalise\/"},"modified":"2024-05-24T07:02:39","modified_gmt":"2024-05-24T07:02:39","slug":"selecteur-de-langue-personnalise","status":"publish","type":"page","link":"https:\/\/wpml.org\/fr\/documentation-6\/guide-de-demarrage-rapide\/configuration-de-la-langue\/options-de-selecteur-de-langue\/selecteur-de-langue-personnalise\/","title":{"rendered":"S\u00e9lecteur de langue personnalis\u00e9"},"content":{"rendered":"\n<p class=\"lead\">Lorsque vous d\u00e9veloppez des sites multilingues avec WPML, vous pourriez avoir besoin d&rsquo;un s\u00e9lecteur de langue personnalis\u00e9. Apprenez \u00e0 le faire avec un peu de PHP et de CSS.<\/p>\n\n<p>WPML vous permet d&rsquo;ajouter des <a href=\"https:\/\/wpml.org\/fr\/documentation-6\/guide-de-demarrage-rapide\/configuration-de-la-langue\/options-de-selecteur-de-langue\/\">s\u00e9lecteurs de langue<\/a> \u00e0 vos menus, widgets, pieds de page et aux sites utilisant l&rsquo;\u00e9diteur de site (anciennement connu sous le nom de Full Site Editing) complet avec des options de personnalisation et des drapeaux int\u00e9gr\u00e9s. Mais il se peut que vous ayez besoin de quelque chose de plus sp\u00e9cial pour votre site.<\/p>\n\n<p>Dans ce tutoriel, nous verrons comment ajouter un s\u00e9lecteur de langue flottant. Un s\u00e9lecteur de langue flottant est tr\u00e8s esth\u00e9tique et permet \u00e0 vos clients de consulter plus facilement votre site dans leur langue.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"e8d3c6ca07234ec9fa3135e60e594db6\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-gif.gif\"><img decoding=\"async\" width=\"768\" height=\"400\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-gif.gif\" alt=\"\" class=\"wp-image-6779279\"\/><\/a><figcaption><div class=\"tb-image-caption\">Un site utilisant le s\u00e9lecteur de langue flottant<\/div><\/figcaption><\/figure>\n<\/div>\n<p>Suivez ces trois \u00e9tapes principales :<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Ajoutez le code PHP qui rend le s\u00e9lecteur de langue.<\/li>\n\n\n\n<li>Donnez du style \u00e0 votre s\u00e9lecteur de langue avec CSS<\/li>\n\n\n\n<li>Mettez \u00e0 jour les param\u00e8tres de votre s\u00e9lecteur de langue<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\">La partie PHP<\/h2>\n\n<p>La premi\u00e8re \u00e9tape consiste \u00e0 ajouter le code PHP responsable du rendu du s\u00e9lecteur de langue sur votre Page. Pour cela, vous cr\u00e9ez une fonction qui ajoute un conteneur <strong>div<\/strong> avec le s\u00e9lecteur de langue \u00e0 l&rsquo;int\u00e9rieur. Nous pouvons utiliser le<em> <\/em>L&rsquo;action <strong>wpml_add_language_selector<\/strong> pour afficher le s\u00e9lecteur de langue.  <\/p>\n\n<p>Dans cet exemple, nous voulons que le nouveau s\u00e9lecteur de langue soit affich\u00e9 dans le Pied de page, nous utilisons donc notre nouvelle fonction avec le crochet <strong>wp_footer de<\/strong> WordPress.<\/p>\n\n<p>Le code PHP complet se pr\u00e9sente comme suit.  <\/p>\n\n                    <div class='codesnipdiv' id='67db7'>\n                    <a class='language-switcher-PHP' data-titleselector='language-switcher-php' data-randspinner ='67db7' data-sniphost='106453' title='Click to Expand or Minimize' id='codesnipfrontend'><img src='https:\/\/wpml.org\/wp-content\/plugins\/code-snips\/res\/img\/code_icon.png' \/>Language switcher PHP<\/a>\n                    <div id='67db7_innerdiv' class='clearfix'>\n                    <pre class='brush:php;'>\/\/WPML - Add a floating language switcher to the footer\r\n add_action(&#039;wp_footer&#039;, &#039;wpml_floating_language_switcher&#039;); \r\n \r\n function wpml_floating_language_switcher() { \r\n    echo &#039;&lt;div class=&quot;wpml-floating-language-switcher&quot;&gt;&#039;;\r\n        \/\/PHP action to display the language switcher (see https:\/\/wpml.org\/documentation\/getting-started-guide\/language-setup\/language-switcher-options\/#using-php-actions)\r\n        do_action(&#039;wpml_add_language_selector&#039;);\r\n    echo &#039;&lt;\/div&gt;&#039;; \r\n}<\/pre>\n                    <script>\n                    if ('undefined' === typeof cacheObj_open) {\n                        window.cacheObj_open = {};\n                    }\n                    if (typeof SyntaxHighlighter !== 'undefined') SyntaxHighlighter.highlight();\n                    <\/script>\n                    <input type='hidden' id='67db7_minimize' value='Minimize'>\n                    <input type='hidden' id='67db7_cachedstartopen' value='cachedstartopen'>\n                    <\/div>\n                    <\/div>\t\t\t\n                    <script>\t\t\t\t\t\t\t\t \t\t\t\n                    cacheObj_open['67db7_language-switcher-php']='<pre class=\"brush: php;\">\\\/\\\/WPML - Add a floating language switcher to the footer\\r\\n add_action(&#039;wp_footer&#039;, &#039;wpml_floating_language_switcher&#039;); \\r\\n \\r\\n function wpml_floating_language_switcher() { \\r\\n    echo &#039;&lt;div class=&quot;wpml-floating-language-switcher&quot;&gt;&#039;;\\r\\n        \\\/\\\/PHP action to display the language switcher (see https:\\\/\\\/wpml.org\\\/documentation\\\/getting-started-guide\\\/language-setup\\\/language-switcher-options\\\/#using-php-actions)\\r\\n        do_action(&#039;wpml_add_language_selector&#039;);\\r\\n    echo &#039;&lt;\\\/div&gt;&#039;; \\r\\n}<\/pre>';            \n                    <\/script>\n\n<p>Vous pouvez le copier et l&rsquo;ajouter au fichier <strong>functions.php<\/strong> de votre th\u00e8me (enfant).<\/p>\n\n<h2 class=\"wp-block-heading\">La partie stylistique<\/h2>\n\n<p>Avec le code pr\u00e9c\u00e9dent en place, nous avons d\u00e9j\u00e0 un nouveau s\u00e9lecteur de langue ajout\u00e9 au Pied de page de notre site web. Il est maintenant temps de le personnaliser pour qu&rsquo;il flotte dans le coin inf\u00e9rieur droit du site web. Vous pouvez le faire en utilisant l&rsquo;attribut CSS <strong>position : fixed<\/strong>.<\/p>\n\n<p>Suivez les \u00e9tapes suivantes pour ajouter le code CSS :<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Allez \u00e0 <strong>WPML \u2192 Langues<\/strong>.<\/li>\n\n\n\n<li>Faites d\u00e9filer la page jusqu&rsquo;aux<strong> options du s\u00e9lecteur de langue <\/strong>et d\u00e9veloppez la section <strong>Additional CSS <\/strong>.<\/li>\n<\/ol>\n\n<p>Vous pouvez \u00e9galement ajouter ce code CSS en vous rendant dans<strong> Apparence \u2192 Personnaliser <\/strong>et en cliquant sur<strong> CSS suppl\u00e9mentaire<\/strong>.<\/p>\n\n<p>L&rsquo;exemple suivant ajoute quelques personnalisations suppl\u00e9mentaires, comme des bordures arrondies et un ombrage de la bo\u00eete. Bien entendu, vous pouvez le personnaliser \u00e0 votre guise.<\/p>\n\n                    <div class='codesnipdiv' id='844f3'>\n                    <a class='language-switcher-styling' data-titleselector='language-switcher-styling' data-randspinner ='844f3' data-sniphost='106453' title='Click to Expand or Minimize' id='codesnipfrontend'><img src='https:\/\/wpml.org\/wp-content\/plugins\/code-snips\/res\/img\/code_icon.png' \/>Language Switcher Styling<\/a>\n                    <div id='844f3_innerdiv' class='clearfix'>\n                    <pre class='brush:css;'>\/*Removing some default CSS from our language switcher*\/\r\n.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {\r\n  margin-bottom: 0;\r\n}\r\n \r\n.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {\r\n  background-color: transparent !important;\r\n}\r\n \r\n.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {\r\n  padding: 5px;\r\n}\r\n \r\n \r\n\/*Customize this if you want*\/\r\n.wpml-floating-language-switcher {\r\n  position: fixed;\r\n  bottom: 10px;\r\n  right: 10px;\r\n  background: #f8f8f8; \/*background color*\/\r\n  border: 1px solid; \/*border settings*\/\r\n  border-color: #eee; \/*color of the border*\/\r\n  padding: 0px; \/*padding of container*\/\r\n  border-radius: 6px; \/*rounded border*\/\r\n  \/*Box Shadow*\/\r\n  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n}<\/pre>\n                    <script>\n                    if ('undefined' === typeof cacheObj_open) {\n                        window.cacheObj_open = {};\n                    }\n                    if (typeof SyntaxHighlighter !== 'undefined') SyntaxHighlighter.highlight();\n                    <\/script>\n                    <input type='hidden' id='844f3_minimize' value='Minimize'>\n                    <input type='hidden' id='844f3_cachedstartopen' value='cachedstartopen'>\n                    <\/div>\n                    <\/div>\t\t\t\n                    <script>\t\t\t\t\t\t\t\t \t\t\t\n                    cacheObj_open['844f3_language-switcher-styling']='<pre class=\"brush: css;\">\\\/*Removing some default CSS from our language switcher*\\\/\\r\\n.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {\\r\\n  margin-bottom: 0;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {\\r\\n  background-color: transparent !important;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {\\r\\n  padding: 5px;\\r\\n}\\r\\n \\r\\n \\r\\n\\\/*Customize this if you want*\\\/\\r\\n.wpml-floating-language-switcher {\\r\\n  position: fixed;\\r\\n  bottom: 10px;\\r\\n  right: 10px;\\r\\n  background: #f8f8f8; \\\/*background color*\\\/\\r\\n  border: 1px solid; \\\/*border settings*\\\/\\r\\n  border-color: #eee; \\\/*color of the border*\\\/\\r\\n  padding: 0px; \\\/*padding of container*\\\/\\r\\n  border-radius: 6px; \\\/*rounded border*\\\/\\r\\n  \\\/*Box Shadow*\\\/\\r\\n  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n}<\/pre>';            \n                    <\/script>\n\n<h2 class=\"wp-block-heading\">La partie r\u00e9glages<\/h2>\n\n<p>Enfin, vous devez ajuster certains param\u00e8tres pour que le s\u00e9lecteur de langue n&rsquo;affiche que les drapeaux.<\/p>\n\n<p>Proc\u00e9dez comme suit :<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Allez \u00e0 <strong>WPML \u2192 Langues<\/strong>.<\/li>\n\n\n\n<li>Faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>S\u00e9lecteurs de langues personnalis\u00e9s<\/strong> et cliquez sur <strong>Activer<\/strong>.<\/li>\n\n\n\n<li>Cliquez sur le bouton <strong>Personnaliser<\/strong>.<\/li>\n\n\n\n<li>Pour les <strong>\u00e9l\u00e9ments \u00e0 inclure dans le s\u00e9lecteur de langue<\/strong>, s\u00e9lectionnez <strong>Drapeau<\/strong> et d\u00e9cochez les autres options.<\/li>\n\n\n\n<li>Cliquez sur <strong>Enregistrer<\/strong>.<\/li>\n<\/ol>\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"f9bdd36b2fe8b9672acc349bff2be10f\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1.png\"><img decoding=\"async\" width=\"1024\" height=\"527\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-1024x527.png\" alt=\"Language switcher options\" class=\"wp-image-6779483\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-1024x527.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-300x154.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-150x77.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1-768x395.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/language-switcher-options-1.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><div class=\"tb-image-caption\">Afficher uniquement le drapeau dans le s\u00e9lecteur de langue flottant<\/div><\/figcaption><\/figure>\n<\/div>\n<p>C&rsquo;est tout ! Vous devriez maintenant avoir un s\u00e9lecteur de langue personnalis\u00e9 sur le site web :<\/p>\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"354de0be796fda96feaeae7b6e1f3e13\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher.png\"><img decoding=\"async\" width=\"1024\" height=\"626\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-1024x626.png\" alt=\"Horizontal language switcher\" class=\"wp-image-6779509\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-1024x626.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-300x183.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-150x92.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher-768x469.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/horizontal-language-switcher.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><div class=\"tb-image-caption\">Le s\u00e9lecteur de langue sur le Front-office<\/div><\/figcaption><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Bonus : S\u00e9lecteur de langue vertical flottant<\/h2>\n\n<p>Vous pouvez \u00e9galement cr\u00e9er un s\u00e9lecteur de langue vertical, comme dans la capture d&rsquo;\u00e9cran ci-dessous :<\/p>\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media tb-image-frame-none aligncenter\" data-toolset-blocks-image=\"9406b1ca7ecb5dd9b2c55d1bd64d7156\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher.png\"><img decoding=\"async\" width=\"1024\" height=\"626\" loading=\"lazy\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-1024x626.png\" alt=\"Vertical language switcher\" class=\"wp-image-6779531\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-1024x626.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-300x183.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-150x92.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher-768x469.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2020\/08\/vertical-language-switcher.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><div class=\"tb-image-caption\">S\u00e9lecteur de langue vertical<\/div><\/figcaption><\/figure>\n<\/div>\n<p>Pour cela, il suffit de remplacer le CSS pr\u00e9c\u00e9dent par le code suivant :<\/p>\n\n                    <div class='codesnipdiv' id='33653'>\n                    <a class='vertical-language-switcher' data-titleselector='vertical-language-switcher-css' data-randspinner ='33653' data-sniphost='106453' title='Click to Expand or Minimize' id='codesnipfrontend'><img src='https:\/\/wpml.org\/wp-content\/plugins\/code-snips\/res\/img\/code_icon.png' \/>Vertical Language Switcher CSS<\/a>\n                    <div id='33653_innerdiv' class='clearfix'>\n                    <pre class='brush:css;'>\/*Removing some default CSS our language switcher*\/\r\n.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {\r\n  margin-bottom: 0;\r\n}\r\n \r\n.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {\r\n  background-color: transparent !important;\r\n}\r\n \r\n.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {\r\n  padding: 5px;\r\n}\r\n \r\n.wpml-floating-language-switcher .wpml-ls-item {\r\n  display: block;\r\n}\r\n \r\n\/*Customize this if you want*\/\r\n.wpml-floating-language-switcher {\r\n  position: fixed;\r\n  bottom: 20px;\r\n  right: 0px;\r\n  background: #f8f8f8; \/*background color*\/\r\n  border: 1px solid; \/*border settings*\/\r\n  border-color: #eee; \/*color of the border*\/\r\n  padding: 0px; \/*padding of container*\/\r\n  border-radius: 6px 0 0 6px; \/*rounded border*\/\r\n  \/*Box Shadow*\/\r\n  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\r\n  z-index: 999;\r\n}<\/pre>\n                    <script>\n                    if ('undefined' === typeof cacheObj_open) {\n                        window.cacheObj_open = {};\n                    }\n                    if (typeof SyntaxHighlighter !== 'undefined') SyntaxHighlighter.highlight();\n                    <\/script>\n                    <input type='hidden' id='33653_minimize' value='Minimize'>\n                    <input type='hidden' id='33653_cachedstartopen' value='cachedstartopen'>\n                    <\/div>\n                    <\/div>\t\t\t\n                    <script>\t\t\t\t\t\t\t\t \t\t\t\n                    cacheObj_open['33653_vertical-language-switcher-css']='<pre class=\"brush: css;\">\\\/*Removing some default CSS our language switcher*\\\/\\r\\n.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {\\r\\n  margin-bottom: 0;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {\\r\\n  background-color: transparent !important;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {\\r\\n  padding: 5px;\\r\\n}\\r\\n \\r\\n.wpml-floating-language-switcher .wpml-ls-item {\\r\\n  display: block;\\r\\n}\\r\\n \\r\\n\\\/*Customize this if you want*\\\/\\r\\n.wpml-floating-language-switcher {\\r\\n  position: fixed;\\r\\n  bottom: 20px;\\r\\n  right: 0px;\\r\\n  background: #f8f8f8; \\\/*background color*\\\/\\r\\n  border: 1px solid; \\\/*border settings*\\\/\\r\\n  border-color: #eee; \\\/*color of the border*\\\/\\r\\n  padding: 0px; \\\/*padding of container*\\\/\\r\\n  border-radius: 6px 0 0 6px; \\\/*rounded border*\\\/\\r\\n  \\\/*Box Shadow*\\\/\\r\\n  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);\\r\\n  z-index: 999;\\r\\n}<\/pre>';            \n                    <\/script>\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorsque vous d\u00e9veloppez des sites multilingues avec WPML, vous pourriez avoir besoin d&rsquo;un s\u00e9lecteur de langue personnalis\u00e9. Apprenez \u00e0 le faire avec un peu de PHP et de CSS. WPML vous permet d&rsquo;ajouter des s\u00e9lecteurs de langue \u00e0 vos menus, widgets, pieds de page et aux sites utilisant l&rsquo;\u00e9diteur de site (anciennement connu sous le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1154724,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","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,"_uag_custom_page_level_css":"","ep_exclude_from_search":false,"footnotes":""},"related-projects-category":[],"class_list":["post-106453","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"ratings_users":["0"],"ratings_score":["0"],"ratings_average":["0"],"_wp_page_template":["default"],"_views_template":["0"],"_icl_translation":["1"],"_alp_processed":["1716534159"],"_wpml_media_featured":["1"],"_subscription_coupon_product_id":["0"],"inline_featured_image":["0"],"_syntaxhighlighter_encoded":["1"],"_last_translation_edit_mode":["translation-editor"],"wpcf-unformatted-code":[""],"toolset_post_editor_mode":["block"],"wpcf-price-increase-show-from":[""],"wpcf-price-increase-show-till":[""],"_oembed_8b192c37df925cacb831b3922e69595d":["<iframe title=\"Using WPML To Translate Pages Built With Fusion Builder (Avada Theme)\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/_bNqjjBPdGA?feature=oembed&enablejsapi=1&origin=https:\/\/wpml.org\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>"],"_oembed_time_8b192c37df925cacb831b3922e69595d":["1699959731"],"_oembed_085e890236af876c824fa92e59328670":["<iframe title=\"Translating Menus in WPML\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/aFQuEGQs19c?feature=oembed&enablejsapi=1&origin=https:\/\/wpml.org\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>"],"_oembed_time_085e890236af876c824fa92e59328670":["1699959731"],"_wpml_media_duplicate":["0"],"_headspace_description":["Personnalis\u00e9 pour \u00e9crire un s\u00e9lecteur de langue personnalis\u00e9 pour les sites bas\u00e9s sur WPML."],"_yoast_wpseo_title":["S\u00e9lecteurs de langue personnalis\u00e9s - WPML"],"_yoast_wpseo_metadesc":["Personnalis\u00e9, vous apprendrez \u00e0 cr\u00e9er des s\u00e9lecteurs de langue personnalis\u00e9s, tels qu'un s\u00e9lecteur de langue flottant, \u00e0 l'aide de PHP et de CSS simples."],"_uag_css_file_name":["uag-css-106453.css"],"_uag_page_assets":["a:9:{s:3:\"css\";s:260:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:6:{i:0;s:14:\"core\/paragraph\";i:1;s:20:\"toolset-blocks\/image\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:12:\"core\/heading\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:0;s:11:\"uag_version\";s:10:\"1778380288\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Amir","author_link":"https:\/\/wpml.org\/fr\/author\/admingm\/"},"uagb_comment_info":0,"uagb_excerpt":"Lorsque vous d\u00e9veloppez des sites multilingues avec WPML, vous pourriez avoir besoin d&rsquo;un s\u00e9lecteur de langue personnalis\u00e9. Apprenez \u00e0 le faire avec un peu de PHP et de CSS. WPML vous permet d&rsquo;ajouter des s\u00e9lecteurs de langue \u00e0 vos menus, widgets, pieds de page et aux sites utilisant l&rsquo;\u00e9diteur de site (anciennement connu sous le\u2026","_links":{"self":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/106453","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/comments?post=106453"}],"version-history":[{"count":8,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/106453\/revisions"}],"predecessor-version":[{"id":15665741,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/106453\/revisions\/15665741"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/pages\/1154724"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/media?parent=106453"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/fr\/wp-json\/wp\/v2\/related-projects-category?post=106453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}