{"id":1074954,"date":"2016-09-13T16:36:12","date_gmt":"2016-09-13T16:36:12","guid":{"rendered":"https:\/\/wpml.org\/?p=1074954"},"modified":"2016-09-13T16:36:12","modified_gmt":"2016-09-13T16:36:12","slug":"want-try-new-language-switcher-coming-wpml","status":"publish","type":"post","link":"https:\/\/wpml.org\/es\/changelog\/2016\/09\/want-try-new-language-switcher-coming-wpml\/","title":{"rendered":"Want to Try the New Language Switcher Coming to WPML?"},"content":{"rendered":"<p><strong>WPML is getting an upgraded language switcher, which will allow you easier customization, full control and a nicer setup. A beta version is now available for you to try.<\/strong><\/p>\n<p>Over the years, the language switcher options for WPML have evolved. Now, we decided it&#8217;s time to refresh the entire design, add missing features and organize everything in a convenient GUI. The new language switcher will go into WPML 3.6, but it&#8217;s already available as beta. We&#8217;re hoping to get client feedback and see if it covers all your needs.<\/p>\n<h2>Separate sections for different kinds of language switchers<\/h2>\n<p>The new language switcher has clear sections for each kind of language switcher. The first section includes global settings, like the order of languages.<\/p>\n<p>Each of the sections includes settings that will apply to each of the language switchers.<\/p>\n<figure id=\"attachment_1076542\" aria-describedby=\"caption-attachment-1076542\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/language-switcher-sections.jpg\"><img decoding=\"async\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/language-switcher-sections-300x297.jpg\" alt=\"The new language switcher settings\" width=\"300\" height=\"297\" class=\"size-medium wp-image-1076542\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/language-switcher-sections-300x297.jpg 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/language-switcher-sections-150x150.jpg 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/language-switcher-sections-768x761.jpg 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/language-switcher-sections-90x90.jpg 90w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/language-switcher-sections.jpg 928w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1076542\" class=\"wp-caption-text\">The new language switcher settings<\/figcaption><\/figure>\n<p>Each section has its own \u00abadd\u00bb button (to add another language switcher of that kind), a \u00abpencil\u00bb icon to edit and a \u00abtrash\u00bb icon (which I&#8217;ll let you guess what it does).<\/p>\n<p>But these are only the cosmetic changes. Under the surface, you&#8217;ll discover more significant improvements.<\/p>\n<h2>Full control over each language switcher<\/h2>\n<p>Every language switcher kind now has its own complete settings, which allows you full and independent control over what it includes and how it looks.<\/p>\n<p>For example, this is the settings page for the menu language switcher:<\/p>\n<figure id=\"attachment_1076722\" aria-describedby=\"caption-attachment-1076722\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher.jpg\"><img decoding=\"async\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-300x252.jpg\" alt=\"Settings for menu language switcher\" width=\"300\" height=\"252\" class=\"size-medium wp-image-1076722\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-300x252.jpg 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-150x126.jpg 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-768x646.jpg 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher.jpg 1003w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1076722\" class=\"wp-caption-text\">Settings for menu language switcher<\/figcaption><\/figure>\n<h2>Live preview, showing the language switcher options<\/h2>\n<p>As you change the settings of the language switcher, the preview updates. The preview is \u00abschematic\u00bb. It doesn&#8217;t load the front-end CSS (which is not a good idea to load in the WordPress admin), so the actual language switcher will be styled differently. However, it does show you the effect of the different options, color settings, order and content.<\/p>\n<p>See how it works:<\/p>\n<div class=\"embed-responsive embed-responsive-16by9\"><iframe width=\"525\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/NEwhylLpnJ4?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<p>And, the Languages page shows a working preview for the different language switchers in your site.<\/p>\n<figure id=\"attachment_1076747\" aria-describedby=\"caption-attachment-1076747\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/preview-for-each-switcher.jpg\"><img decoding=\"async\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/preview-for-each-switcher-300x266.jpg\" alt=\"All the previews are shown on the main Languages page, so you can see how all the language switchers in your site look like\" width=\"300\" height=\"266\" class=\"size-medium wp-image-1076747\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/preview-for-each-switcher-300x266.jpg 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/preview-for-each-switcher-150x133.jpg 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/preview-for-each-switcher-768x681.jpg 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/preview-for-each-switcher.jpg 948w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1076747\" class=\"wp-caption-text\">All the previews are shown on the main Languages page, so you can see how all the language switchers in your site look like<\/figcaption><\/figure>\n<h2>Better HTML for menu language switchers<\/h2>\n<p>The menu language switcher also got a major update for the front-end. Until now, WPML would render the menu language switcher with its own HTML. This was OK for some themes, but not for all. Now, we&#8217;re injecting \u00ablanguage switcher\u00bb elements into the menu structure, so that your theme will render the language switcher, like it renders other menu items.<\/p>\n<p>This means that menu language switchers will suddenly start looking nicer in your sites. You will no longer need to apply custom CSS to make WPML&#8217;s menu language switcher look like the rest of your menu.<\/p>\n<figure id=\"attachment_1076772\" aria-describedby=\"caption-attachment-1076772\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-on-front-end.jpg\"><img decoding=\"async\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-on-front-end-300x170.jpg\" alt=\"Menu language switcher in the front-end\" width=\"300\" height=\"170\" class=\"size-medium wp-image-1076772\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-on-front-end-300x170.jpg 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-on-front-end-150x85.jpg 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/09\/menu-language-switcher-on-front-end.jpg 355w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-1076772\" class=\"wp-caption-text\">Menu language switcher in the front-end<\/figcaption><\/figure>\n<p><strong>We did a lot of testing for this upgrade with different themes and it looks great (to us). We need your feedback. Please test and see that there are no side effects to this new HTML for your sites.<\/strong><\/p>\n<h2>Fully compatible with your existing custom language switchers<\/h2>\n<p>If you&#8217;ve created your own <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/language-setup\/language-switcher-options\/custom-language-switcher\/\">custom language switcher<\/a>, it will continue working normally. The API that returns that language and translation information did not change at all.<\/p>\n<h2>Fully compatible with the language switcher settings in existing sites<\/h2>\n<p>The new language switchers have more settings, but they are all backward compatible with previous versions of WPML. After you upgrade, your site should look the same. Now, there are new settings for the different language switchers for you to explore.<\/p>\n<h2>Download and try<\/h2>\n<p>This <strong>beta<\/strong> is available for you to download and play with. It&#8217;s a beta, so please only use it on development sites and not on production sites.<\/p>\n<p>To download this beta, log in to your <a href=\"https:\/\/wpml.org\/account\/\">WPML account<\/a>. Click on Downloads and then scroll to the bottom of the page. Download the beta package and unzip it. You will find the dev versions of all of WPML&#8217;s components.<\/p>\n<h2>Feedback?<\/h2>\n<p>We&#8217;d love to know your opinion about this update. Is it doing what you need? Is everything working correctly or do you need help with anything?<\/p>\n<p>Leave your comments and we&#8217;ll get back to you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WPML is getting an upgraded language switcher, which will allow you easier customization, full control and a nicer setup. A beta version is now available for you to try. Over the years, the language switcher options for WPML have evolved. Now, we decided it&#8217;s time to refresh the entire design, add missing features and organize [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"categories":[48],"tags":[],"class_list":["post-1074954","post","type-post","status-publish","format-standard","hentry","category-changelog"],"_links":{"self":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/posts\/1074954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/comments?post=1074954"}],"version-history":[{"count":8,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/posts\/1074954\/revisions"}],"predecessor-version":[{"id":1076791,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/posts\/1074954\/revisions\/1076791"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/media?parent=1074954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/categories?post=1074954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpml.org\/es\/wp-json\/wp\/v2\/tags?post=1074954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}