{"id":1460,"date":"2013-01-24T14:04:09","date_gmt":"2013-01-24T14:04:09","guid":{"rendered":"http:\/\/wpml.org\/wpml-2\/ratgeber-zum-loslegen\/einstellung-der-sprachen\/kundenspezifischer-sprachumschalter\/"},"modified":"2024-05-24T07:02:36","modified_gmt":"2024-05-24T07:02:36","slug":"kundenspezifischer-sprachumschalter","status":"publish","type":"page","link":"https:\/\/wpml.org\/de\/documentation-3\/ratgeber-zum-loslegen\/einstellung-der-sprachen\/so-fuegen-sie-einen-sprachumschalter-zu-ihrer-wordpress-website-hinzu\/kundenspezifischer-sprachumschalter\/","title":{"rendered":"Ma\u00dfgeschneiderter Sprachumschalter"},"content":{"rendered":"\n<p class=\"lead\">Wenn Sie mehrsprachige Websites mit WPML entwickeln, ben\u00f6tigen Sie m\u00f6glicherweise einen ma\u00dfgeschneiderten Sprachumschalter. Erfahren Sie, wie Sie dies mit ein paar einfachen PHP- und CSS-Funktionen erreichen k\u00f6nnen.<\/p>\n\n<p>Mit WPML k\u00f6nnen Sie Ihren Men\u00fcs, Widgets, Footern und Websites mit dem Site Editor (fr\u00fcher bekannt als Full Site Editing) <a href=\"https:\/\/wpml.org\/de\/documentation-3\/ratgeber-zum-loslegen\/einstellung-der-sprachen\/so-fuegen-sie-einen-sprachumschalter-zu-ihrer-wordpress-website-hinzu\/\">Sprachumschalter<\/a> hinzuf\u00fcgen, komplett mit Anpassungsoptionen und integrierten Flaggen. Aber vielleicht brauchen Sie f\u00fcr Ihre Website etwas Besonderes.<\/p>\n\n<p>In diesem Tutorial zeigen wir Ihnen, wie Sie einen flie\u00dfenden Sprachumschalter hinzuf\u00fcgen k\u00f6nnen. Ein flie\u00dfender Sprachumschalter sieht gro\u00dfartig aus und erleichtert es Ihren Kunden, Ihre Website in ihrer Sprache anzuzeigen.<\/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-6779281\"\/><\/a><figcaption><div class=\"tb-image-caption\">Eine Website, die den gleitenden Sprachumschalter verwendet<\/div><\/figcaption><\/figure>\n<\/div>\n<p>Befolgen Sie diese drei Hauptschritte:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>F\u00fcgen Sie den PHP-Code hinzu, der den Sprachumschalter anzeigt<\/li>\n\n\n\n<li>Gestalten Sie Ihren Sprachumschalter mit CSS<\/li>\n\n\n\n<li>Aktualisieren Sie Ihre Sprachumschalter-Einstellungen<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\">Der PHP-Teil<\/h2>\n\n<p>Der erste Schritt besteht darin, den PHP-Code hinzuzuf\u00fcgen, der f\u00fcr die Darstellung des Sprachumschalters auf Ihrer Seite verantwortlich ist. Dazu erstellen Sie eine Funktion, die einen <strong>div-Container<\/strong> mit dem Sprachumschalter darin einf\u00fcgt. Wir k\u00f6nnen die<em> <\/em><strong>wpml_add_language_selector<\/strong> Aktion, um den Sprachumschalter darzustellen.  <\/p>\n\n<p>In diesem Beispiel m\u00f6chten wir, dass der neue Sprachumschalter in der Fu\u00dfzeile angezeigt wird, also verwenden wir unsere neue Funktion mit dem WordPress-eigenen <strong>wp_footer-Hook<\/strong>.<\/p>\n\n<p>Der vollst\u00e4ndige PHP-Code sieht dann so aus.  <\/p>\n\n                    <div class='codesnipdiv' id='2a227'>\n                    <a class='language-switcher-PHP' data-titleselector='language-switcher-php' data-randspinner ='2a227' data-sniphost='1460' 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='2a227_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='2a227_minimize' value='Minimize'>\n                    <input type='hidden' id='2a227_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['2a227_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>Kopieren Sie sie und f\u00fcgen Sie sie in die Datei <strong>functions.php<\/strong> Ihres (Child-)Themes ein.<\/p>\n\n<h2 class=\"wp-block-heading\">Der Styling-Teil<\/h2>\n\n<p>Mit dem vorherigen Code haben wir bereits einen neuen Sprachumschalter in der Fu\u00dfzeile unserer Website hinzugef\u00fcgt. Jetzt ist es an der Zeit, es so anzupassen, dass es in der unteren rechten Ecke der Website schwebt. Dies k\u00f6nnen Sie mit dem CSS-Attribut <strong>position: fixed<\/strong> erreichen.<\/p>\n\n<p>Gehen Sie wie folgt vor, um den CSS-Code hinzuzuf\u00fcgen:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Gehen Sie zu <strong>WPML \u2192 Sprachen<\/strong>.<\/li>\n\n\n\n<li>Scrollen Sie nach unten zu<strong> Sprachumschalter-Optionen <\/strong>und erweitern Sie den Abschnitt <strong>Zus\u00e4tzliches CSS <\/strong>.<\/li>\n<\/ol>\n\n<p>Alternativ k\u00f6nnen Sie diesen CSS-Code hinzuf\u00fcgen, indem Sie zu<strong> Design \u2192 Anpassen <\/strong>gehen und auf<strong> Zus\u00e4tzliches CSS<\/strong> klicken.<\/p>\n\n<p>Das folgende Beispiel f\u00fcgt einige zus\u00e4tzliche Anpassungen wie abgerundete Rahmen und Box-Shadow hinzu. Nat\u00fcrlich k\u00f6nnen Sie es nach Belieben anpassen.<\/p>\n\n                    <div class='codesnipdiv' id='50210'>\n                    <a class='language-switcher-styling' data-titleselector='language-switcher-styling' data-randspinner ='50210' data-sniphost='1460' 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='50210_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='50210_minimize' value='Minimize'>\n                    <input type='hidden' id='50210_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['50210_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\">Der Teil mit den Einstellungen<\/h2>\n\n<p>Schlie\u00dflich m\u00fcssen Sie noch einige Einstellungen vornehmen, damit der Sprachumschalter nur die Flaggen anzeigt.<\/p>\n\n<p>Gehen Sie wie folgt vor:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Gehen Sie zu <strong>WPML \u2192 Sprachen<\/strong>.<\/li>\n\n\n\n<li>Scrollen Sie nach unten zu <strong>Ma\u00dfgeschneiderte Sprachumschalter<\/strong> und klicken Sie auf <strong>Aktivieren<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf den Button <strong>Anpassen<\/strong>.<\/li>\n\n\n\n<li>F\u00fcr <strong>Was in den Sprachumschalter aufgenommen werden soll<\/strong>, w\u00e4hlen Sie <strong>Flagge<\/strong> und deaktivieren Sie die anderen Optionen.<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Speichern<\/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-6779485\" 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\">Nur die Flagge im gleitenden Sprachumschalter anzeigen<\/div><\/figcaption><\/figure>\n<\/div>\n<p>Das war&#8217;s! Sie sollten nun einen sch\u00f6nen, ma\u00dfgeschneiderten Sprachumschalter auf der Website haben:<\/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-6779511\" 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\">Der Sprachumschalter auf dem Frontend<\/div><\/figcaption><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Bonus: Vertikal schwebender Sprachumschalter<\/h2>\n\n<p>Sie k\u00f6nnen stattdessen auch einen vertikalen Sprachumschalter erstellen, wie im folgenden Screenshot zu sehen:<\/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-6779533\" 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\">Vertikaler Sprachumschalter<\/div><\/figcaption><\/figure>\n<\/div>\n<p>Ersetzen Sie dazu einfach das vorherige CSS durch den folgenden Code:<\/p>\n\n                    <div class='codesnipdiv' id='d2c1b'>\n                    <a class='vertical-language-switcher' data-titleselector='vertical-language-switcher-css' data-randspinner ='d2c1b' data-sniphost='1460' 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='d2c1b_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='d2c1b_minimize' value='Minimize'>\n                    <input type='hidden' id='d2c1b_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['d2c1b_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>Wenn Sie mehrsprachige Websites mit WPML entwickeln, ben\u00f6tigen Sie m\u00f6glicherweise einen ma\u00dfgeschneiderten Sprachumschalter. Erfahren Sie, wie Sie dies mit ein paar einfachen PHP- und CSS-Funktionen erreichen k\u00f6nnen. Mit WPML k\u00f6nnen Sie Ihren Men\u00fcs, Widgets, Footern und Websites mit dem Site Editor (fr\u00fcher bekannt als Full Site Editing) Sprachumschalter hinzuf\u00fcgen, komplett mit Anpassungsoptionen und integrierten Flaggen. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":13200227,"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-1460","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"_icl_translation":["1"],"_edit_lock":["1572425403:228164"],"_edit_last":["5"],"_wp_page_template":["default"],"ratings_users":["0"],"ratings_score":["0"],"ratings_average":["0"],"_views_template":["0"],"_alp_processed":["1716534156"],"_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"],"_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\" allowfullscreen><\/iframe>"],"_oembed_time_085e890236af876c824fa92e59328670":["1629143036"],"wpcf-price-increase-show-from":[""],"wpcf-price-increase-show-till":[""],"_wpml_media_duplicate":["0"],"_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":["1710418349"],"_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; web-share\" allowfullscreen><\/iframe>"],"_oembed_time_bbf56b1d4c25ce11481afba39f176f85":["1710418349"],"_headspace_description":["Anleitung zum Schreiben eines ma\u00dfgeschneiderten Sprachumschalters f\u00fcr WPML-basierte Websites."],"_yoast_wpseo_title":["Ma\u00dfgeschneiderter Sprachumschalter - WPML"],"_yoast_wpseo_metadesc":["Lernen Sie, wie Sie ma\u00dfgeschneiderte Sprachumschalter erstellen k\u00f6nnen, z.B. einen flie\u00dfenden Sprachumschalter mit ein paar einfachen PHP- und CSS-Funktionen."],"_uag_css_file_name":["uag-css-1460.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:\"1778420075\";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\/de\/author\/admingm\/"},"uagb_comment_info":10,"uagb_excerpt":"Wenn Sie mehrsprachige Websites mit WPML entwickeln, ben\u00f6tigen Sie m\u00f6glicherweise einen ma\u00dfgeschneiderten Sprachumschalter. Erfahren Sie, wie Sie dies mit ein paar einfachen PHP- und CSS-Funktionen erreichen k\u00f6nnen. Mit WPML k\u00f6nnen Sie Ihren Men\u00fcs, Widgets, Footern und Websites mit dem Site Editor (fr\u00fcher bekannt als Full Site Editing) Sprachumschalter hinzuf\u00fcgen, komplett mit Anpassungsoptionen und integrierten Flaggen.&hellip;","_links":{"self":[{"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages\/1460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/comments?post=1460"}],"version-history":[{"count":9,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages\/1460\/revisions"}],"predecessor-version":[{"id":15665740,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages\/1460\/revisions\/15665740"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages\/13200227"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/media?parent=1460"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/related-projects-category?post=1460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}