{"id":100004,"date":"2013-01-29T02:54:54","date_gmt":"2013-01-29T02:54:54","guid":{"rendered":"http:\/\/wpml.org\/seletor-de-idiomas-personalizado\/"},"modified":"2024-05-22T06:18:30","modified_gmt":"2024-05-22T06:18:30","slug":"seletor-de-idiomas-personalizado","status":"publish","type":"page","link":"https:\/\/wpml.org\/pt-br\/documentacao\/por-onde-comecar\/configuracao-de-idiomas\/opcoes-de-seletor-de-idioma\/seletor-de-idiomas-personalizado\/","title":{"rendered":"Alternador de idioma personalizado"},"content":{"rendered":"\n<p class=\"lead\">Ao desenvolver sites multil\u00edngues com o WPML, voc\u00ea pode precisar de um seletor de idioma personalizado. Saiba como fazer isso com um pouco de PHP e CSS simples.<\/p>\n\n<p>WPML permite que voc\u00ea adicione <a href=\"https:\/\/wpml.org\/pt-br\/documentacao\/por-onde-comecar\/configuracao-de-idiomas\/opcoes-de-seletor-de-idioma\/\">seletores de idioma<\/a> a seus menus, widgets, rodap\u00e9s e sites usando o Editor de Sites (anteriormente conhecido como Edi\u00e7\u00e3o Completa de Sites), com op\u00e7\u00f5es de personaliza\u00e7\u00e3o e sinalizadores integrados. Mas talvez voc\u00ea precise de algo mais especial para o seu site.<\/p>\n\n<p>Neste tutorial, mostraremos como adicionar um alternador de idioma flutuante. Um alternador de idioma flutuante tem um \u00f3timo visual e facilita para os clientes a visualiza\u00e7\u00e3o do site no idioma deles.<\/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-6779289\"\/><\/a><figcaption><div class=\"tb-image-caption\">Um site que usa o alternador de idiomas flutuante<\/div><\/figcaption><\/figure>\n<\/div>\n<p>Siga estas tr\u00eas etapas principais:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Adicione o c\u00f3digo PHP que renderiza o alternador de idioma<\/li>\n\n\n\n<li>Estilize seu seletor de idioma com CSS<\/li>\n\n\n\n<li>Atualizar as configura\u00e7\u00f5es do seletor de idioma<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\">A parte do PHP<\/h2>\n\n<p>A primeira etapa \u00e9 adicionar o c\u00f3digo PHP respons\u00e1vel por renderizar o seletor de idioma em sua p\u00e1gina. Para isso, voc\u00ea cria uma fun\u00e7\u00e3o que adiciona um cont\u00eainer <strong>div<\/strong> com o seletor de idioma dentro dele. Podemos usar o<em> <\/em>A\u00e7\u00e3o <strong>wpml_add_language_selector<\/strong> para renderizar o seletor de idioma.  <\/p>\n\n<p>Neste exemplo, queremos que o novo seletor de idioma seja exibido no rodap\u00e9, portanto, usamos nossa nova fun\u00e7\u00e3o com o gancho <strong>wp_footer<\/strong> do pr\u00f3prio WordPress.<\/p>\n\n<p>O c\u00f3digo PHP completo ter\u00e1 a seguinte apar\u00eancia.  <\/p>\n\n                    <div class='codesnipdiv' id='f5163'>\n                    <a class='language-switcher-PHP' data-titleselector='language-switcher-php' data-randspinner ='f5163' data-sniphost='100004' 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='f5163_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='f5163_minimize' value='Minimize'>\n                    <input type='hidden' id='f5163_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['f5163_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>Voc\u00ea pode copi\u00e1-lo e adicion\u00e1-lo ao arquivo <strong>functions.php<\/strong> do seu tema (filho).<\/p>\n\n<h2 class=\"wp-block-heading\">A parte do estilo<\/h2>\n\n<p>Com o c\u00f3digo anterior implementado, j\u00e1 temos um novo seletor de idioma adicionado ao rodap\u00e9 do nosso site. Agora, \u00e9 hora de personaliz\u00e1-lo para que ele fique flutuando no canto inferior direito do site. Voc\u00ea pode fazer isso usando o atributo CSS <strong>position: fixed<\/strong>.<\/p>\n\n<p>Use as etapas a seguir para adicionar o c\u00f3digo CSS:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>V\u00e1 para <strong>WPML \u2192 Idiomas<\/strong>.<\/li>\n\n\n\n<li>Role para baixo at\u00e9<strong> Op\u00e7\u00f5es de alternador de idioma <\/strong>e expanda a se\u00e7\u00e3o <strong>CSS adicional <\/strong>.<\/li>\n<\/ol>\n\n<p>Como alternativa, voc\u00ea pode adicionar esse c\u00f3digo CSS acessando<strong> Appearance \u2192 Customize <\/strong>e clicando em<strong> Additional CSS<\/strong>.<\/p>\n\n<p>O exemplo a seguir adiciona algumas personaliza\u00e7\u00f5es extras, como bordas arredondadas e sombra de caixa. \u00c9 claro que voc\u00ea pode personaliz\u00e1-lo como quiser.<\/p>\n\n                    <div class='codesnipdiv' id='1bb60'>\n                    <a class='language-switcher-styling' data-titleselector='language-switcher-styling' data-randspinner ='1bb60' data-sniphost='100004' 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='1bb60_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='1bb60_minimize' value='Minimize'>\n                    <input type='hidden' id='1bb60_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['1bb60_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\">A parte de configura\u00e7\u00f5es<\/h2>\n\n<p>Por fim, voc\u00ea precisa ajustar algumas configura\u00e7\u00f5es para que o alternador de idiomas exiba apenas as bandeiras.<\/p>\n\n<p>Siga as etapas a seguir:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>V\u00e1 para <strong>WPML \u2192 Idiomas<\/strong>.<\/li>\n\n\n\n<li>Role para baixo at\u00e9 <strong>Alternadores de idioma personalizados<\/strong> e clique em <strong>Ativar<\/strong>.<\/li>\n\n\n\n<li>Clique no bot\u00e3o <strong>Personalizar<\/strong>.<\/li>\n\n\n\n<li>Para <strong>O que incluir no alternador de idioma<\/strong>, selecione <strong>Sinalizador<\/strong> e desmarque as outras op\u00e7\u00f5es.<\/li>\n\n\n\n<li>Clique em <strong>Salvar<\/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-6779493\" 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\">Exibir somente a bandeira no alternador de idiomas flutuante<\/div><\/figcaption><\/figure>\n<\/div>\n<p>\u00c9 isso a\u00ed! Agora voc\u00ea deve ter um bom alternador de idioma personalizado no site:<\/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-6779519\" 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\">O alternador de idiomas no front-end<\/div><\/figcaption><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">B\u00f4nus: alternador de idioma flutuante vertical<\/h2>\n\n<p>Em vez disso, voc\u00ea tamb\u00e9m pode criar um alternador de idioma vertical, como na captura de tela abaixo:<\/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-6779541\" 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\">Seletor de idioma vertical<\/div><\/figcaption><\/figure>\n<\/div>\n<p>Para isso, basta substituir o CSS anterior pelo c\u00f3digo a seguir:<\/p>\n\n                    <div class='codesnipdiv' id='734a6'>\n                    <a class='vertical-language-switcher' data-titleselector='vertical-language-switcher-css' data-randspinner ='734a6' data-sniphost='100004' 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='734a6_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='734a6_minimize' value='Minimize'>\n                    <input type='hidden' id='734a6_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['734a6_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>Ao desenvolver sites multil\u00edngues com o WPML, voc\u00ea pode precisar de um seletor de idioma personalizado. Saiba como fazer isso com um pouco de PHP e CSS simples. WPML permite que voc\u00ea adicione seletores de idioma a seus menus, widgets, rodap\u00e9s e sites usando o Editor de Sites (anteriormente conhecido como Edi\u00e7\u00e3o Completa de Sites), [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1161295,"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-100004","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"ratings_users":["0"],"ratings_score":["0"],"ratings_average":["0"],"_wp_page_template":["default"],"_icl_translation":["1"],"_views_template":["0"],"_alp_processed":["1716358710"],"_wpml_media_featured":["1"],"_subscription_coupon_product_id":["0"],"inline_featured_image":["0"],"_last_translation_edit_mode":["translation-editor"],"_syntaxhighlighter_encoded":["1"],"wpcf-unformatted-code":[""],"toolset_post_editor_mode":["block"],"_oembed_bbf56b1d4c25ce11481afba39f176f85":["<iframe title=\"Using WPML to translate content created with page builders\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/MSqNzrdPMkE?feature=oembed&enablejsapi=1&origin=https:\/\/wpml.org\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_bbf56b1d4c25ce11481afba39f176f85":["1642448348"],"wpcf-price-increase-show-from":[""],"wpcf-price-increase-show-till":[""],"_wpml_media_duplicate":["0"],"_headspace_description":["Instru\u00e7\u00f5es para voc\u00ea escrever um seletor de idioma personalizado para sites WPML."],"_yoast_wpseo_title":["Alternador de idiomas personalizado - WPML"],"_yoast_wpseo_metadesc":["Saiba como criar seletores de idioma personalizados, como um seletor de idioma flutuante, com alguns PHP e CSS simples."],"_uag_css_file_name":["uag-css-100004.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:\"1778606060\";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\/pt-br\/author\/admingm\/"},"uagb_comment_info":0,"uagb_excerpt":"Ao desenvolver sites multil\u00edngues com o WPML, voc\u00ea pode precisar de um seletor de idioma personalizado. Saiba como fazer isso com um pouco de PHP e CSS simples. WPML permite que voc\u00ea adicione seletores de idioma a seus menus, widgets, rodap\u00e9s e sites usando o Editor de Sites (anteriormente conhecido como Edi\u00e7\u00e3o Completa de Sites),&hellip;","_links":{"self":[{"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages\/100004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/comments?post=100004"}],"version-history":[{"count":8,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages\/100004\/revisions"}],"predecessor-version":[{"id":15653384,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages\/100004\/revisions\/15653384"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/pages\/1161295"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/media?parent=100004"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/pt-br\/wp-json\/wp\/v2\/related-projects-category?post=100004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}