Eine mehrsprachige Website mit dem Divi-Theme erstellen

Einführung

Divi ist ein intelligentes und flexibles Mehrzweck-Theme. Es verfügt über einen benutzerfreundlichen Page-Builder und eine Handvoll vorgefertigter Layouts, die Ihnen helfen, die Website zu erstellen, die Ihren Anforderungen entspricht. Wenn Sie eine mehrsprachige Website erstellen möchten, ermöglicht Ihnen die Integration von Divi mit WPML, alle Theme-Elemente mühelos zu übersetzen.

Was Sie benötigen

• Das Divi-Theme (Version 2.7.3 oder neuer).
• Eine aktuelle Version von WPML (Version 3.3.7 oder neuer), einschließlich der Add-ons String-Übersetzung, Übersetzungsmanagement und Medienübersetzung.

Wichtige Ressourcen

• Der Leitfaden für die ersten Schritte von WPML hilft Ihnen dabei, WPML in wenigen Minuten einzurichten. Sie werden später auf einige der Unterthemen zurückgreifen wollen, wie z. B. Theme- und Plugin-Lokalisierung und String-Übersetzung. Wir empfehlen Ihnen, diesen Leitfaden geöffnet zu lassen, während Sie diesem Tutorial folgen.
• Die Dokumentation von Divi bietet Ihnen alle Informationen, die Sie für die Einrichtung und die Nutzung der verschiedenen Funktionen benötigen.

Inhalt

• Erste Schritte
• Übersetzen der Divi-Startseite / jeder Seite, die mit dem Divi-Page-Builder erstellt wurde
• Übersetzen anderer Seiten, Beiträge, benutzerdefinierter Beitragstypen und Taxonomien
• Übersetzen anderer Theme- und Website-Texte
• Übersetzen der Theme-Optionen von Divi
• Übersetzen der benutzerdefinierten Layouts von Divi
• Übersetzen der Menüs von Divi
• Hilfe erhalten
• Fazit

Erste Schritte

• Installieren Sie das Divi-Theme und aktivieren Sie es.
• Installieren und aktivieren Sie zuerst die WPML-Core-Plugins (WPML Multilingual CMS, WPML String-Übersetzung, WPML Übersetzungsmanagement) und anschließend andere WPML-Plugins, die möglicherweise davon abhängen.
• Richten Sie WPML unter WPML > Sprachen ein. Eine vollständige Referenz finden Sie in unserem Leitfaden für die ersten Schritte mit WPML. Die anfängliche, einfache Einrichtung in drei Schritten ist selbsterklärend und fordert Sie auf, Ihre Standardsprache, eine Reihe aktiver Sprachen und einen Sprachumschalter auszuwählen. (Wählen Sie für den Anfang den Sprachumschalter in der Fußzeile; Sie können dies später ändern.)
• Für dieses Tutorial erstellen wir unsere Startseite mit den vordefinierten Layouts, die mit Divi geliefert werden.

1. Klicken Sie in Ihrem WordPress-Dashboard auf „Seiten“ und dann auf „Erstellen“.
2. Klicken Sie auf die Schaltfläche „Den Divi-Builder verwenden“.
3. Klicken Sie auf „Aus Bibliothek laden“.

1. Scrollen Sie nach unten und klicken Sie auf die Schaltfläche „Laden“ neben „Homepage Corporate“. Sie können jedes beliebige Layout auswählen.

1. Nun können Sie auf den Vorschau-Link klicken, um Ihre Startseite zu sehen.

Übersetzen der Divi-Startseite

1. Navigieren Sie in Ihrem WordPress-Dashboard zu „Seiten“ > „Alle Seiten“. Sie sehen Spalten für jede aktive Sprache mit einem -Symbol (für ‚Übersetzung bearbeiten‘) oder einem -Symbol (für ‚Übersetzung hinzufügen‘) neben jeder Seite. Klicken Sie auf das -Symbol, um die Übersetzung für die von Ihnen erstellte Startseite zu bearbeiten.

1. Klicken Sie auf „Inhalt von Englisch kopieren“ in der Sprach-Metabox auf der rechten Seite und dann auf die Schaltfläche „Den Divi-Builder verwenden“.

1. Fügen Sie den übersetzten Text zum Seitentitel und zu den verschiedenen Theme-Elementen hinzu und klicken Sie auf die Schaltfläche „Speichern“.

Beachten Sie, dass diese Schritte für jede Seite gelten, die mit dem „Divi-Page-Builder“ erstellt wurde.

Übersetzen von Seiten, Beiträgen, Beitragskategorien, benutzerdefinierten Beitragstypen und benutzerdefinierten Taxonomien

Auf ähnliche Weise können Sie alle anderen Seiten und Beiträge übersetzen, einschließlich des benutzerdefinierten Beitragstyps „Projects“ (Projekte). Hier ist zum Beispiel beschrieben, wie Sie einen Beitrag übersetzen:

1. Navigieren Sie zu „Beiträge“ und klicken Sie auf das -Symbol.
2. Klicken Sie auf die Schaltfläche „Inhalt kopieren von“, um den Beitragsinhalt Ihrer Standardsprache zu laden.
3. Fügen Sie den übersetzten Inhalt hinzu.

Übersetzen von Beitragskategorien

1. Navigieren Sie zu Beiträge > Kategorien. Als Beispiel erstellen wir eine Kategorie, nennen sie „En-Category“ und klicken auf die Schaltfläche „Neue Kategorie erstellen“.
2. Klicken Sie auf die von uns erstellte Kategorie.

1. Klicken Sie auf den Link „Hinzufügen“, um die Übersetzung der Kategorie hinzuzufügen.

1. Füllen Sie die Felder Name, Slug und Beschreibung mit der Kategorie-Übersetzung aus und klicken Sie auf die Schaltfläche „Neue Kategorie erstellen“.

Übersetzen von benutzerdefinierten Beitragstypen (Project) und Projektkategorien

Der benutzerdefinierte Beitragstyp „Project“ (Projekt) kann mit denselben Schritten übersetzt werden, die auch bei der Übersetzung regulärer Beiträge befolgt werden. Auch die Projektkategorien können auf dieselbe Weise übersetzt werden, wie wir die regulären Beitragskategorien übersetzt haben.

Übersetzen benutzerdefinierter Taxonomien

1. Gehen Sie zu WPML > Taxonomie-Übersetzung
2. Wählen Sie im Dropdown-Menü „Wählen Sie die zu übersetzende Taxonomie aus“ die Option „Project Categories“ (Projektkategorien).
3. Klicken Sie auf die Schaltfläche „Übersetzen“, um die Übersetzung der benutzerdefinierten Taxonomie durch Ausfüllen der erforderlichen Felder hinzuzufügen, und klicken Sie dann auf die Schaltfläche „OK“, wie unten gezeigt.

Übersetzen von Divis Theme-Texten und anderen Strings auf Ihrer Website

Um die Theme-Strings zu übersetzen, müssen Sie das Theme nach Strings durchsuchen. Dadurch werden die Strings für die Übersetzung auf dem Bildschirm der String-Übersetzung registriert. (Lesen Sie mehr über Theme- und Plugin-Lokalisierung.)

Dies kann durch Ausführen der folgenden Schritte erfolgen:

1. Gehen Sie zu WPML > Theme- und Plugin-Lokalisierung.
2. Wählen Sie die Option „Theme und Plugins mit der String-Übersetzung von WPML übersetzen“ und klicken Sie auf die Schaltfläche „Speichern“.

1. Klicken Sie auf die Schaltfläche „Das Theme nach Strings durchsuchen“. Dadurch werden die Theme-Texte für die Übersetzung auf dem Bildschirm der String-Übersetzung registriert. Sehen Sie sich die Abbildung unten an.

1. Nun können Sie zu WPML >> String-Übersetzung navigieren

Strings können nach Folgendem gefiltert werden:

• Auswählen, welche Strings angezeigt werden sollen (Übersetzung ist abgeschlossen, Übersetzung erforderlich, Wartet auf Übersetzer).
• Auswählen einer bestimmten Text-Domain.
• Suchen nach einem bestimmten String, indem Sie ihn in das Feld „Suchen nach:“ eingeben und auf die Schaltfläche „Suchen“ klicken.

1. Klicken Sie auf „Übersetzungen“ und fügen Sie Ihren übersetzten Text hinzu. Wählen Sie dann die Option „Übersetzung ist abgeschlossen“ und klicken Sie auf „Speichern“.

Beachten Sie, dass das Übersetzen der Theme-Optionen erreicht werden kann, indem Sie die String-Domain „admin_texts_et_divi“ auf dem Bildschirm der String-Übersetzung auswählen.

Übersetzen der Theme-Optionen von Divi

Theme-Optionen können über die Seite der String-Übersetzung übersetzt werden. Zum Beispiel, wenn wir den „Homepage custom title“ (benutzerdefinierter Startseiten-Titel) übersetzen möchten, der in den SEO-Theme-Optionen von Divi verfügbar ist.

Navigieren Sie zur Seite „String-Übersetzung“ und wählen Sie die String-Domain „admin_texts_theme_Divi“. Suchen Sie Ihren „Homepage custom title“, fügen Sie den übersetzten Inhalt hinzu und klicken Sie dann auf die Schaltfläche „Speichern“, wie unten gezeigt.

Übersetzen der benutzerdefinierten Layouts von Divi

Mit Divi können Sie Ihre eigenen Layouts erstellen und speichern, um sie auf verschiedenen Seiten oder in Beiträgen zu verwenden. Lesen Sie die Dokumentation von Divi zum Speichern und Laden von benutzerdefinierten Layouts. Diese Layouts können mit WPML übersetzt werden, Sie können sogar verschiedene Layouts für Ihre Sprachen haben. Befolgen Sie diese Schritte, um Ihre benutzerdefinierten Layouts zu erstellen, zu speichern, zu übersetzen und zu laden:

1. Navigieren Sie in Ihrem WordPress-Dashboard zu Divi > Divi Library (Divi-Bibliothek) und klicken Sie auf die Schaltfläche zum Hinzufügen. Stellen Sie sicher, dass die in Ihrem WordPress-Dashboard umgeschaltete Hauptsprache auf Ihre Standardsprache eingestellt ist.
2. Geben Sie den Layoutnamen ein und wählen Sie als „Template Type:“ (Vorlagentyp) „Layout“ aus.

1. Erstellen Sie die von Ihnen bevorzugte Layoutstruktur. In unserem Beispiel fügen wir ein Textmodul auf der linken und ein Bildmodul auf der rechten Seite hinzu und klicken dann auf die Schaltfläche „Veröffentlichen“.

1. Klicken Sie auf das -Symbol in der Sprach-Metabox auf der rechten Seite, um das übersetzte Layout zu erstellen.

1. Fügen Sie den Titel für das übersetzte Layout hinzu, in unserem Fall wird es „Spanish Layout“ (Spanisches Layout) sein. Sie können eine andere Layoutstruktur wählen. Zum Beispiel setzen wir das Textmodul nach rechts und das Bildmodul nach links. Sie können jedes beliebige Layout auswählen und dann auf die Schaltfläche „Veröffentlichen“ klicken.

Wenn Sie diese Layoutvorlagen auf Ihre Seiten laden, können Sie das englische Layout auf Ihre englischen Seiten und die spanischen Layouts auf die spanischen Seiten laden. Dies kann wie folgt durchgeführt werden:

1. Hinzufügen einer neuen Seite > Klicken Sie auf die Schaltfläche „Den Divi-Builder verwenden“ > Klicken Sie auf die Registerkarte „Aus Bibliothek laden“.
2. Klicken Sie auf die Registerkarte „Aus Bibliothek hinzufügen“ und klicken Sie auf die Schaltfläche „Laden“, um das englische Layout zu laden.

Dieselben Schritte können befolgt werden, um das übersetzte Layout zu Ihren Seiten in der Sekundärsprache (den Sekundärsprachen) hinzuzufügen.

Übersetzen der Menüs von Divi

Mit WPML können Sie die Menüs Ihrer Sprachen einfach synchronisieren. Weitere Informationen finden Sie in unserem ausführlichen Tutorial zur Menü-Übersetzung.

Hilfe erhalten

Wenn Sie Hilfe bei der Verwendung von WPML mit dem Divi-Theme benötigen, besuchen Sie bitte unser technisches Forum.

Bevor Sie Ihr Anliegen posten, empfehlen wir Ihnen, Folgendes zu überprüfen:

1. Stellen Sie sicher, dass Sie über die neuesten Versionen des Themes und der WPML-Plugins verfügen und dass diese alle aktiviert sind. Dazu gehören WPML Multilingual CMS, WPML String-Übersetzung und WPML Übersetzungsmanagement.
2. Bestätigen Sie, dass Ihr Problem nicht auftritt, wenn die WPML-Plugins deaktiviert sind, aber auftritt, wenn nur die WPML-Core-Plugins aktiviert sind. Mit anderen Worten, stellen Sie sicher, dass es sich um ein Problem mit der Kompatibilität von Divi mit WPML handelt. Andernfalls kann der Support von Divi bessere Unterstützung bieten.

Fazit

Das Divi-Theme hat viele Funktionen. Mit der WPML-Integration können Sie all seine verschiedenen Elemente problemlos übersetzen. Die detaillierten Anweisungen in diesem Tutorial ermöglichen es Ihnen, Ihre lokalisierte Website intelligent mit dem Divi-Theme und WPML zu erstellen.