Elementor-Seiten mit Polylang und DeepL übersetzen

Eine Elementor-Seite sieht aus wie jede andere Seite, aber ihre Abschnitte, Spalten und Widgets stehen nicht im Inhalt des Beitrags. Elementor speichert sie in eigenen Daten, einer JSON-Struktur neben dem Beitrag. Ein Tool, das den Inhalt des Beitrags übersetzt, verpasst den Text in Ihren Widgets: Die übersetzte Seite kommt ohne ihr Elementor-Layout heraus oder bleibt in der Ausgangssprache.

Was übersetzt werden muss

• Überschriften, Texteditoren, Buttons
• Icon-Boxen und Bild-Boxen, Bildunterschriften
• Testimonials, Tabs, Akkordeons und Toggles
• Formularbeschriftungen und Platzhalter, Hinweise, Zähler
• Die neueren Elemente von Elementor 4 (Flexbox-Container und atomare Widgets)

Links, CSS-Klassen, IDs und Gestaltungseinstellungen müssen unverändert bleiben, sonst sieht die übersetzte Seite nicht aus wie das Original.

Einrichtung

1. Richten Sie Ihre Sprachen in Polylang ein (mindestens zwei).
2. Installieren Sie AutoLingo Premium und aktivieren Sie Ihre Lizenz.
3. Lassen Sie unter Einstellungen → AutoLingo, im Bereich Module, die Option Page Builder aktiviert.
4. Wählen Sie DeepL und fügen Sie Ihren API-Schlüssel ein, oder nutzen Sie AutoLingo KI, die in Premium enthalten ist und keinen Schlüssel braucht.

Eine Seite übersetzen

Veröffentlichen oder aktualisieren Sie die Seite wie gewohnt in Elementor. Elementor speichert seine Daten in einer eigenen Anfrage nach dem Beitrag selbst; AutoLingo wartet darauf, übersetzt dann den Text jedes Widgets und erstellt die übersetzten Seiten, in Polylang verknüpft. Öffnen Sie eine Übersetzung in Elementor, um sie zu prüfen: Das Layout ist dasselbe, die Wörter stehen in der Zielsprache.

Seiten, die Sie vor der Installation von AutoLingo erstellt haben, lassen sich über die AutoLingo-Box im Editor übersetzen, oder alle auf einmal mit wp pdat translate-missing.

Eigene Widgets und Widgets von Drittanbietern

AutoLingo übersetzt die Texteinstellungen, die die Elementor-eigenen Widgets verwenden. Speichert ein Widget eines Drittanbieters seinen Text unter anderen Namen, fügen Sie diese mit einem Filter in Ihrem Theme oder einem kleinen Plugin hinzu:

add_filter( 'autolingo_elementor_translatable_keys', function ( array $keys ) {
    $keys[] = 'my_widget_title';
    return $keys;
} );

Bricks und Beaver Builder

Premium übersetzt Seiten aus Bricks und Beaver Builder auf dieselbe Weise. Die kostenlose Version übersetzt den Titel und den WordPress-Inhalt einer Builder-Seite, aber nicht ihr Layout, und ihre Box im Editor weist auf diesen Seiten darauf hin.

AutoLingo Premium: 39,99 $ pro Jahr →