Polylang mit Elementor verbinden – Sprachwähler & Template-Optimierungen

Beschreibung

Verbinde das Polylang mehrsprachigkeits-Plugin mit dem Elementor Page Builder: Dieses Plugin hilft dabei, dass Elementor und Polylang die richtigen Templates für Sprachen anzeigen, insbesondere in Verbindung mit dem Elementor Pro Theme Builder. Plus: natives Polylang Language Switcher Elementor Widget, neue Dynamic Tags und Polylang Links, die der Elementor Finder Funktion hinzugefügt wurden.

Funktionen – Was das Plugin macht

  • Zeigt das richtige Template (für verschiedene Sprachen): Polylang Connect für Elementor ermöglicht es Polylang, das richtige Elementor-Template anzuzeigen. Vor diesem Plugin zeigte Elementor nicht das richtige Template pro Sprache (übersetzt) an.
  • Neben der Aktivierung des Elementar-Inhaltstyps in den Polylang-Einstellungen und der Zuordnung jedes Beitrages, jeder Seite und jeder Vorlage zu einer Sprache sind keine weiteren Einstellungen für diese Optimierungen erforderlich. Es funktioniert einfach sofort nach der Installation, alles geschieht elegant unter der Haube.
  • Anwendungsbeispiel:
    • Erstelle ein Template in Elementor, lege der Anzeigebedingungen (Display Conditions) im Elementor-Panel fest, weise eine Sprache zu (z.B. Englisch)
    • Erstelle ein zweites Header-Template in Elementor, lege KEINE Anzeigebedingungen (Display Conditions) für dieses fest (wenn du zweimal dieselben Anzeigebedingungen zuweist, gibt es einen Konflikt sowie Fehlermeldung in Elementor), aber weise es einer anderen Polylang-Sprache zu (z.B. Portugiesisch), d.h. um diese Sprachen/Vorlagen in Polylang zu verlinken.
    • Ergebnis: Beim Betrachten im Frontend erscheint der richtige englische Inhalt mit dem englischen Header-Template, übersetzte Inhalte in Portugiesisch mit dem portugiesischen Header-Template.
    • Und weiter: Das Prinzip ist immer dasselbe, jetzt kannst du Deutsch, Spanisch usw. hinzufügen 😉
    • Live-Demo auf der Website des Co-Autors ansehen // Screenshot-Galerie

Plus: Noch mehr Features

  • Polylang Sprachwähler-Widget: Ein natives Elementor Widget, um einfach ein schönes Sprachwähler-Menü zu erstellen und mehr Stylingoptionen für Nicht-Programmierer zur Hand zu haben
  • Elementor Finder-Integration: Fügt Polylang-Sprachen, Links zu Admin-Einstellungen sowie Support-Ressourcen als Schnellzugriffslinks zur Elementor-Finder-Funktion (Elementor v2.3.0+) hinzu – so kannst du von überall aus schneller navigieren
  • Dynamic Tags in Elementor Pro: Polylang-Sprachnamen (alle registrierten / aktiven) / Aktueller Sprachname / Aktueller Sprachcode / Aktuelle Länderflagge (Bild) / Aktuelle Sprach-URL

Weitere Plugin-Informationen

  • In Zukunft könnten weitere Funktionen hinzugefügt werden.
  • Community-Zusammenarbeit zwischen David Decker und Brad Johnson, sowie mehr Code aus der Elementor-/ Polylang-Community
  • Plugin website: https://polyglotwp.com – please sign up for our newsletter

Wo erhältst du Support?

  • Polylang User Community Group at Facebook – highly recommended for all users of this plugin!
  • Wir beobachten auch das Plugin-Supportforum hier bei WordPress.org – doch unser bevorzugter Support-Kanal ist die die FB Community-Gruppe
  • What is covered by our support? – All regarding THIS plugin („Polyang Connect for Elementor“), plus the relation to Polylang, Elementor and Elementor Pro of course.
  • What is NOT covered by support? – Anything general regarding multilingual topics and WordPress. Explicitely we DO NOT offer any „WPML“, „WPBakery“ or „Visual Composer“ support, and also not for your theme etc.!!!

Übersetzungen

  • Englisch (Standard, de_US) – immer enthalten
  • Deutsch (de_DE) – immer dabei
  • Deutsch formal (de_DE_formal) – immer dabei
  • .pot Datei (connect-polylang-elementor.pot) für Übersetzer ist ebenfalls immer enthalten 🙂
  • Einfache Plugin-Übersetzungsplattform mit dem GlotPress-Werkzeug: Übersetze „Polylang Connect für Elementor“…

Feedback

Meine anderen Plugins

Spenden

Gefällt dir Polylang Connect für Elementor? Bitte erwäge eine Spende, um die Weiterentwicklung des Projekts zu unterstützen.

Danksagung

Dank, wem Dank geführt. Der folgende Code/ die folgenden Klassen, sind alle unter der GPL lizenziert. Hinweis: Entsprechende Credits werden auch im Code Doc Block inline referenziert, wo sie verwendet werden.

  • Polylang Switcher Klasse (Elementor Widget) und ihr CSS basierend auf dem Widget des Plugins „Language Switcher for Elementor“ von Solitweb (GPLv2 oder höher).

Plugin-Links

Screenshots

  • Ensure that my templates is ticked in Polylang post types and Taxonomies. Although the plugin will automatically tick this for you 😊

  • Header-Template in Elementor, was anzeigt, das beide übersetzt wurden

  • Polylang Widget in Elementor under Site

  • Polylang Widget options in Elementor

  • Polylang Widget Styling Options in Elementor

  • Lege deine bevorzugten Anzeigebedingungen für deine Hauptsprache fest

  • DO NOT SET A DISPLAY CONDITION FOR ANY OTHER LANGUAGE ---> Polylang will do this for you. Save without conditions

  • (1/2) Working language header templates on the front end. Styled by the widget. Previously this was not an option in Polylang. (other than editing the menu options) Polylang users could not display language codes but now they can 😉. Thanks to Polylang Connect for Elementor.

  • (2/2) Working language header templates on the front end. Styled by the widget. Previously this was not an option in Polylang. (other than editing the menu options) Polylang users could not display language codes but now they can 😉. Thanks to Polylang Connect for Elementor.

  • Recommended Polylang URL settings if you have issues with translated templates/ templates

Installation

Minimale Systemanforderungen

  • WordPress Version 4.7 oder höher
  • Elementor und Polylang Plugins – kostenlose Versionen aus dem WordPress.org Pluginverzeichnis
  • Optional: Elementor Pro, welches für die Möglichkeiten des Theme-Builder (Header-Templates etc.) benötigt wird. Dies ist ein kostenpflichtiges Premium-Produkt von Elementor LTD, verfügbar über elementor.com
  • PHP Version 5.6 oder höher
  • MySQL Version 5.0 oder höher

Empfohlen für deinen Hosting-Anbieter:

  • PHP Version 7.2 oder höher
  • MySQL Version 5.6 oder höher / oder MariaDB 10 oder höher

Installation

  1. Installiere mit dem WordPress-eigenen Plugin-Installer (über Plugins > Installieren – Suche nach polylang connect for elementor), oder extrahiere die ZIP-Datei und lege den Inhalt im Verzeichnis wp-content/plugins/ deiner WordPress-Installation ab.
  2. Aktiviere das Plugin über den Menüpunkt ‚Plugins‘ in WordPress.
  3. Gehe zu Polylang > Einstellungen > Benutzerdefinierte Inhaltstypen und Taxonomien, aktiviere den Inhaltstyp „Meine Templates“ (Elementor)
  4. Weise deinen Seiten/ Beiträgen/ Elementor-Templates Sprachen zu
  5. Für Elementor-Templates: Setze in Elementor Anzeigebedingungen (Display Conditions) nur für ein Template (deine Hauptsprache wird empfohlen) – Templates in den anderen Sprachen werden dann über dieses Plugin magisch geladen! 🙂
  6. Verwende zusätzlich das native Elementor Widget: Polylang Sprachwähler

FAQ

Where to get support?

At best in our Polylang User Community Group at Facebook – highly recommended for all users of this plugin!

Additionally, we also monitor the plugin’s support forum here on WordPress.org as well – but our preferred support channel is the FB community group.

  • What is covered by our support? – All things regarding THIS plugin („Polyang Connect for Elementor“), plus the relation to Polylang, Elementor and Elementor Pro of course.
  • What is NOT covered by support? – Anything general regarding multilingual topics and WordPress. Explicitely we DO NOT offer any „WPML“, „WPBakery“ or „Visual Composer“ support, and also not for your theme etc.!!!
Gibt es eine Live-Demo?

Ja, gibt es.

Live-Demo auf der Website des Co-Autors ansehen

Plus: Größere Versionen der obigen Screenshots gibt es in dieser externen Galerie 😉

Recommended Workflow?
  1. Setup Polylang at first, add at least TWO languages, one of them make your default language (in Polylang)
  2. Add content to your default Polylang language – if Polylang asks you to apply existing content to it, you should most likely click „ok“ and proceed – it works really fine 🙂
  3. After that setup an Elementor Theme Builder template – asign it to your Polylang default language, apply conditions in Elementor
  4. Next, setup a translation template for the template of 3.) — asign your second Polylang language, DO NOT apply conditions in Elementor
Recommended Polylang settings?

If you have issues with proper display of your translated templates, pages, content it is recommended to check your settings:

In Polylang Settings at Languages > Settings > URL Modificatons set to the following option: „The language is set from the directory name in pretty permalinks“ (see screenshot)

And in the case, all is working well with your current settings then please do not touch them. The above recommendation can be necessary for some users/ installs but not necessarily for all.

Will this work with Elementor Popup Builder?

It most likely will work totally fine if you follow our recommended workflow (see above). If not, please ask in our FB user group.

Korrektes Elementor-Template wird nicht angezeigt?

Every page/ post/ template must be assigned a language for this to work. This is standard Polylang procedure but it should be noted in case „it doesnt work“.

Außerdem muss bei Elementor-Template der Inhaltstyp für die Polylang-Unterstützung aktiviert sein: Gehe zu Polylang > Einstellungen > Benutzerdefinierte Inhaltstypen und Taxonomien, aktiviere den Inhaltstyp „Meine Vorlagen“ (Elementor).

Wo ist das Elementor Widget zu finden?

Es ist in der Widget-Kategorie „Allgemeine Elemente“. Wenn Elementor Pro aktiv ist und du ein Template bearbeitest, erscheint das Widget zusätzlich in der Widget-Kategorie „Website“.

Always via search: When searching for widgets type „polylang“ or „languages“ and it will show up immediately! 😉

Wo ist die Einstellungsseite des Plugins?

Dieses Plugin hat KEINE Einstellungsseite, da es keine benötigt. Alles, was es tut, funktioniert direkt unter der Haube. Aktiviere das Plugin. Erledigt.

(Wenn in Zukunft Einstellungen erforderlich sein sollten, können wir Optionen in späteren Plugin-Versionen hinzufügen.)

Is Elementor Pro required?

Technically, Elementor Pro is not required – but highly recommended, though.

Elementor Pro is required for these features of the plugin:

  • Translating Elementor Theme Builder Templates the version is required, otherwise this will not work.
  • Dynamic Tags, additionally added by the plugin

For the other features of the plugin the regular free version of Elementor is sufficient – so the native Elementor language switcher widget will work also that way already 😉

Wird Polylang Pro unterstützt?

Ja, das wird es! 🙂
Alle Funktionen von „Polylang Connect für Elementor“ funktionieren mit beiden, Polylang (kostenlos) UND Polylang Pro (Premium).

Werden benutzerdefinierte Flaggen unterstützt?

Im Allgemeinen werden eigene Flaggen im Polylang Switcher Elementor Widget und im Dynamic Tag (Aktuelle Sprache Flagge) unterstützt.
Die Standardflaggen in Polylang haben jedoch die Größe 16px breit und 11px hoch, dies gilt automatisch für benutzerdefinierte Flaggen – da sie vollständig intern von Polylang verarbeitet werden.

Um eine andere Größe für benutzerdefinierte Flaggen zu verwenden, versuchen wir, Wege zu finden, dies für Elementor in zukünftigen Versionen dieses Plugins zu implementieren.

Typografie und Großbuchstaben-Einstellungen?

Im Polylang Switcher Elementor Widget stehen Typografie-Einstellungen für die Menüpunkte des Switchers zur Verfügung. Diese Einstellungen sind natürlich CSS-basiert und werden „global“ auf die verschiedenen Zustände angewendet, für die sie gelten: normal, hover, aktiv (aktuelle Sprache). Die verfügbaren Umschalter für Großbuchstaben sind code-basiert und haben daher eine niedrigere Priorität – das heißt, das CSS übernimmt immer, falls gewünscht. Auf diese Weise bist du mit schnellen Einstellungen (Umschalter) am flexibelsten, hast aber bei Bedarf alle Styling-Optionen zur Hand.

Wird das Elementor-Plugin benötigt?

Ja, wird es. Ansonsten kann dieses Connect-Plugin hier nicht funktionieren. Elementor ist kostenlos bei WordPress.org verfügbar.

Das Elementor Pro Add-On-Plugin wird für die Theme-Builder-Fähigkeiten benötigt (z.B. Header-Templates), sowie für das Feature der „Dynamic Tags“. Daher wird Elementor Pro sehr empfohlen. Falls es aber nicht installiert/ aktiviert ist, werden die davon abhängigen Features im Connect-Plugin nicht einmal geladen. So ist alles optional.

Das Sprachwähler-Widget benötigt übrigens nur das Elementor-Basisplugin, damit es funktioniert 😉

Weitere empfohlene Plugins für mehrsprachige Websites?

Es gibt ein paar:

Weitere Informationen zu Übersetzungen?
  • Englisch – Standard, immer enthalten
  • German (de_DE): Deutsch – immer dabei! 🙂
  • Für benutzerdefinierte und aktualisierungssichere Sprachdateien lade diese bitte in /wp-content/languages/connect-polylang- elementor/ (erstelle einfach diesen Ordner) hoch – Dies ermöglicht dir die Verwendung vollständig benutzerdefinierter Übersetzungen, die bei Plugin-Updates nicht überschrieben werden. Auch komplette benutzerdefinierte englische Formulierungen sind damit möglich, verwende einfach eine Sprachdatei wie connect-polylang-elementor-en_US.mo/.po, um dies zu erreichen (zum Erstellen siehe folgende Werkzeuge).

Einfache WordPress.org Plugin-Übersetzungsplattform mit GlotPress-Plattform: Übersetzen „Polylang Connect für Elementor“…

Hinweis: Alle meine Plugins sind standardmäßig internationalisiert/ übersetzbar. Dies ist sehr wichtig für alle Nutzer weltweit. Füge also bitte eine Übersetzung in deiner Sprache hinzu, um das Plugin noch nützlicher zu machen. Für die Übersetzung und Validierung empfehle ich den tollen „Poedit Editor“, dieser funktioniert hervorragend auf Windows, macOS und Linux.

Rezensionen

Huge time saver

I had to translate a website I built with Elementor Pro. Being a big fan of Polylang, I went for that plugin for translation and came across an issue about correct custom header & footer templates not being picked up / displayed when language is switched. David, you are incredible and you deserve to be well promoted for such great contributions. Thanks again

Must USE!

After I've wanted to add multilanguage to my Elementor website, I've installed this plugin directly with Polylang. At first, I thought that most of the translation options I use with Elementor were already built in Polylang. But hey, it's not! I've deactivated this plugin to see what will I miss. This addon does ALL THE THINGS that you use! This plugin is like arms and legs of a body. It's a must use with Polylang/Elementor and it works perfectly! Personally, across all wordpress plugins, this is the best plugin that I saw among free ones that works flawlessly and solves lots of problems that you have & going to have in future! Great job!!!

Very useful!

This plugin makes translation of dynamic Elementor templates with Polylang easy. Elementor language selector widget is also very useful. Also, support is awesome! Developer is very forthcoming and determined to resolve issues.

Super efficient plugin – outstanding support

This plugin works so well and so fast it makes me wish all WP plugins were like this one! Just install it, activate it and it works exactly as intended straight out of the box! But the real treasure of this plugin is the guy behind it - Brad. I had an issue with settings from my WP conflicting on one specific aspect. His support was way beyond hopes and expectations!! He worked hard and did many tests to finally pinpoint the reason of the issue and solve it. I am extremely grateful for his help! All in all, I strongly recommend this plugin for WP users using Polylang and encountering problems with translations of header, footer, 404 page, etc.
Lies alle 13 Rezensionen

Mitwirkende & Entwickler

„Polylang mit Elementor verbinden – Sprachwähler & Template-Optimierungen“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Polylang mit Elementor verbinden – Sprachwähler & Template-Optimierungen“ wurde in 2 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Polylang mit Elementor verbinden – Sprachwähler & Template-Optimierungen“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.0.0 – 2018-11-28

  • Offizielle Veröffentlichtung auf WordPress.org

0.9.1 – 2018-11-27

  • Erster Release Candidate (RC)
  • Neu: Automatische Aktivierung von Elementor Meine Templates Inhaltstyp für Polylang-Unterstützung
  • Anpassung: Code-Verbesserungen überall
  • Anpassung: Inline-Dokumentation und Verbesserungen an PHP-Doc

0.9.0 – 2018-11-26

  • Zweite Beta-Version
  • Neu: Weitere Einstellungen für das Polylang Switcher-Widget
  • Anpassung: Verbessertes Hinzufügen von Dynamic Tags
  • Angepasst: Verbesserte Integration mit dem Elementor Finder

0.8.0 – 2018-11-25

  • Erste Betaversion
  • Neu: Natives Elementor Widget hinzugefügt – Polylang Sprachwähler
  • Neu: Dynamische Tags für Polylang hinzugefügt (erfordert Elementor Pro)

0.7.0 – 2018-11-24

  • Zweite Alpha-Version
  • Neu: Elementor Finder-Integration für Polylang Plugin-Links und -Ressourcen hinzugefügt
  • Neu: Plugin übersetzbar gemacht – deutsche Übersetzungen hinzugefügt
  • Neu: Readme-Datei hinzugefügt, plus composer.json-Datei
  • Neu: Erstes öffentliches Alpha-Release auf GitHub

0.5.0 – 2018-10-30

  • Plugin-Idee von Brad
  • Erste Alpha-Version von David
  • Neu: Template-Tweaks funktionieren in Form von Plugin-Code – Verbesserung der Coding-Standards