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

  • Stelle sicher, dass "Meine Templates" (My Templates) angehakt ist in den Polylang-Einstellungen für Inhaltstypen. Obwohl, dies erledigt das Connect-Plugin ja automatisch für dich 😊

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

  • Polylang Widget in Elementor in der Kategorie "Site" (Website)

  • Polylang Widget - Optionen in Elementor

  • Polylang Widget - Styling-Optionen in Elementor

  • Lege deine bevorzugten Anzeigebedingungen für deine Hauptsprache fest

  • LEGE KEINE ANZEIGEBEDINUNGEN FÜR DIE ANDERE SPRACHE FEST ---> Polylang erledigt dies für dich. Einfach ohne Bedingungen speichern.

  • (1/2) Funktionierende Header-Templates im Frontend. Gestylt vom Widget. Vorher gab es so eine Option nicht in Polylang (außer durch bearbeiten der Menüoptionen). Polylang-Nutzer konnten keine Sprachcodes verwenden, doch nun geht es 😉, dank Polylang Connect für Elementor.

  • (2/2) Funktionierende Header-Templates im Frontend. Gestylt vom Widget. Vorher gab es so eine Option nicht in Polylang (außer durch bearbeiten der Menüoptionen). Polylang-Nutzer konnten keine Sprachcodes verwenden, doch nun geht es 😉, dank Polylang Connect für 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?

Jeder Seite / jedem Beitrag / jedem Template muss eine Sprache zugewiesen werden, damit dies funktioniert. Dies ist ein Standard-Polylang-Verfahren, aber es sollte beachtet werden, falls „es nicht funktioniert“.

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

1. Oktober 2019
I was wondering how to use 2 footer templates on a website for 2 languages and I came across polylang connect. Installed it, configured it and once I found out a small mistake I had done, it worked perfectly. Excellent product!
6. Juli 2019
Dear, thank you very much for this. You know from the last 3month I am trying many approaches to work the elementor templates to work with polylang but never had success. Today accidentally I landed on your youtube video and followed the steps voila its worked out of the box. I can't even express how much happy I am.
Lies alle 19 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