So erstellen Sie mehrsprachige Websites mit WPBakery und WPML

Erfahren Sie, wie Sie WPBakery-Inhalte in weitere Sprachen übersetzen und mit WPML eine mehrsprachige Website erstellen.

Erste Schritte

Beginnen Sie mit der Installation und Aktivierung der folgenden Plugins:

• WPBakery (wird in einem neuen Tab geöffnet) Page-Builder-Plugin
• WPML-Core-Plugin und das Add-on WPML String-Übersetzung

Wenn Sie WPML noch nicht kennen, lesen Sie unsere Erste-Schritte-Anleitung. Sie führt Sie schnell durch die verschiedenen Übersetzungsoptionen, die Sie nutzen können.

So übersetzen Sie WPBakery-Seiten mit WPML

WPBakery ist mit dem Modus Alles automatisch übersetzen von WPML kompatibel. Wenn Sie diesen Modus bei der Einrichtung von WPML wählen, werden alle Inhalte Ihrer WPBakery-Seite automatisch übersetzt, wenn Sie sie hinzufügen oder bearbeiten.

Wenn Sie selbst entscheiden möchten, welche Ihrer Inhalte übersetzt werden, wählen Sie bei der Einrichtung von WPML den Modus Einiges übersetzen.

Um die Inhalte Ihrer Website mit dem Modus Einiges übersetzen zu übersetzen:

1. Klicken Sie in Ihrer Seitenliste auf das Plus-Symbol unter der Sprache und neben der Seite, die Sie übersetzen möchten.
2. Sie werden zum Erweiterten Übersetzungs-Editor von WPML weitergeleitet. Wenn Sie über Wörter für die KI-Übersetzung verfügen, sehen Sie, dass Ihre Inhalte automatisch übersetzt werden. Sie können diese Übersetzungen überprüfen und akzeptieren oder auf Übersetzung rückgängig machen klicken, um Ihre eigenen einzugeben. Wenn Sie keine Wörter für die KI-Übersetzung haben, fügen Sie die Übersetzungen selbst hinzu.
3. Klicken Sie auf Speichern und abschließen, sobald Sie mit all Ihren Übersetzungen fertig sind.

Sie sollten nun in der Lage sein, die Seiten in Ihrer Standardsprache und Sekundärsprache im Frontend anzuzeigen.

Alle derzeit übersetzbaren Module des WPBakery Page Builders

WPML unterstützt das Übersetzen von Text in folgenden Modulen des WPBakery Page Builders:

1. Text Block
2. Separator with Text
3. Message Box
4. Hover Box
5. Single Image
6. Image Gallery
7. Image Carousel
8. Tabs
9. Tour
10. Accordion
11. Pageable Container
12. Custom Heading
13. Button
14. Call to Action
15. Widgetised Sidebar
16. Posts Slider
17. Video Player
18. Google Maps
19. Flickr Widget
20. Progress Bar
21. Pie Chart
22. Round Chart
23. Line Chart
24. Post Grid
25. Media Grid
26. Post Masonry Grid
27. Masonry Media Grid
28. Tweetmeme Button
29. FAQ
30. WP Search
31. WP Meta
32. WP Recent Comments
33. WP Calendar
34. WP Tag Cloud
35. WP Text
36. WP Recent Posts
37. WP Categories

Übersetzen von Raw-HTML-Elementen

Eine WPML-Einstellung entscheidet, ob WPML den Inhalt von Raw HTML-Elementen zur Übersetzung sendet. So finden Sie sie:

1. Gehen Sie zur Seite WPML → Einstellungen.
2. Scrollen Sie zum Abschnitt Synchronisation von Beiträgen und Seiten.
3. Suchen Sie unter Page-Builder-Optionen die Option Inhalt von Raw-HTML-Zellen zur Übersetzung senden.

Diese Option ist standardmäßig aktiviert. Lassen Sie sie aktiviert, wenn Ihre Seiten die Elemente Raw HTML, Raw JS oder Google Maps verwenden.

Die Option entscheidet auch darüber, was eine übersetzte Seite behält, wenn der Erweiterte Übersetzungs-Editor (ATE) oder die automatische Übersetzung eine Übersetzung liefert:

• Option aktiviert: Die übersetzte Seite behält die Elemente Raw HTML, Raw JS und Google Maps.
• Option deaktiviert: WPBakery entfernt diese Elemente von der übersetzten Seite.

Buttons mit einer benutzerdefinierten onclick-Aktion folgen dieser Regel nicht. WPBakery entfernt diese Buttons von Seiten, die der ATE übersetzt, selbst wenn die Option aktiviert ist.

Wenn die Option aktiviert ist, sehen Übersetzer den Code Ihrer Raw HTML-Elemente. Übersetzer verstehen oft keinen Code und können ihn bei der Übersetzung beschädigen. Weisen Sie Ihre Übersetzer an, nur die sichtbaren Texte zu ändern.

Wenn die Texte eines Elements nicht im Übersetzungs-Editor erscheinen, lesen Sie mehr über das Registrieren von Page-Builder-Modulen für die Übersetzung.

Grids, Templates, Stile und SEO-Einstellungen

Post und Media Grids

WPML übersetzt die Texte der Elemente Post Grid, Media Grid, Post Masonry Grid und Masonry Media Grid. Auf einer übersetzten Seite zeigt das Grid die Beiträge in derselben Sprache an.

Auf Seiten, die Sie mit dem Übersetzungs-Editor oder ATE übersetzen, können die Schaltfläche Load more des Grids, die Paginierung, das Lazy Loading und die Filter „Nothing found“ anzeigen.

Ein Grid auf einer übersetzten Seite kann auch das Element-Template aus dem Grid Builder in der Originalsprache anzeigen. Wir arbeiten an einer Lösung.

Templatera-Templates

WPML unterstützt das Templatera-Add-on noch nicht. Wenn eine Seite ein Templatera-Template anzeigt, zeigen alle Übersetzungen dieser Seite das Template in der Originalsprache an.

Benutzerdefiniertes CSS und Design-Optionen

WPML kopiert das benutzerdefinierte CSS der Seite und das CSS der Design-Optionen der Elemente von der Originalseite in ihre Übersetzungen:

• Wenn Sie die Seite mit dem Übersetzungs-Editor oder ATE übersetzen, kopiert WPML das CSS bei jeder Aktualisierung der Übersetzung erneut.
• Wenn Sie die Übersetzung in WPBakery bearbeiten, behält die Übersetzung ihr eigenes CSS.

WPBakery SEO-Einstellungen

Wenn Sie die SEO-Einstellungen von WPBakery verwenden, sendet WPML deren Texte zusammen mit der Seite zur Übersetzung. Dies umfasst den SEO-Titel und die Beschreibung, die Fokus-Keyphrase sowie die Titel und Beschreibungen für Social Media.

Verwendung der Option WPBakery AI Translate

WPBakery AI kann den Text eines Elements im WPBakery-Editor übersetzen. Wenn Sie dies auf einer übersetzten Seite verwenden, bearbeiten Sie die Übersetzung in WPBakery und nicht im Übersetzungs-Editor von WPML.

WPML behandelt diese Übersetzung wie jede andere Übersetzung, die Sie manuell bearbeiten:

• Wenn Sie eine übersetzte Seite in WPBakery öffnen, warnt WPML Sie, dass Ihre Änderungen verloren gehen.
• Wenn Sie die Seite das nächste Mal zur Übersetzung senden, ersetzt WPML die Übersetzung. Ihre Änderungen in WPBakery gehen verloren.

Um eine andere Übersetzung in einer Sprache beizubehalten, lesen Sie mehr über die Verwendung verschiedener Übersetzungs-Editoren für verschiedene Seiten.

Aufrechterhaltung der Kompatibilität des WPBakery Page Builders mit WPML

Wir haben eine Entwicklerdokumentation vorbereitet, die erklärt, wie der WPBakery Page Builder mit WPML zusammenarbeitet. Lesen Sie mehr über die Aktualisierung der Sprachkonfigurationsdatei, um die Kompatibilität zwischen WPML und dem WPBakery Page Builder aufrechtzuerhalten.