So verwenden Sie die Portabilitäts- (Import & Export)-Funktionen von Divi's Theme Builder

Der Theme Builder von Divi öffnet die Tür zum Erstellen einiger erstaunlicher Website-Vorlagen, die problemlos von einer Divi-Site zu einer anderen exportiert und importiert werden können. Auf diese Weise können Entwickler und Designer ganze Website-Pakete erstellen, die ähnlich wie ein untergeordnetes Thema für jede Divi-Site funktionieren. Daher ist es wichtig zu verstehen, wie Sie die Portabilitätsfunktionen von Divi Theme Builder verwenden, um diese Vorlagen richtig zu exportieren und zu importieren, um die besten Ergebnisse zu erzielen.

In diesem Tutorial erfahren Sie, wie Sie die Portabilitätsfunktionen von Divi Theme Builder verwenden, um Vorlagen auf verschiedene Weise zu importieren und zu exportieren. Hoffentlich wird dies dazu beitragen, Ihre Bedenken hinsichtlich der zukünftigen Portabilitätsoptionen zu lindern.

Lass uns einspringen!

Abonnieren Sie unseren Youtube-Kanal

So exportieren Sie alle Vorlagen auf einmal

Nehmen wir für unser erstes Beispiel an, Sie haben eine Sammlung von Vorlagen (einschließlich einer Standard-Website-Vorlage), die Sie exportieren möchten. Gehen Sie dazu einfach zum WordPress-Dashboard und navigieren Sie zu Divi > Theme Builder. Wählen Sie dann das Portabilitätssymbol oben rechts auf der Seite in der violetten Menüleiste aus.

Geben Sie im Portabilitätsmodal auf der Registerkarte Export einen Namen für die Exportdatei ein. Lassen Sie die Option „Alle Vorlagen exportieren“ aktiviert und klicken Sie auf die Schaltfläche Exportieren.

Jetzt wird die JSON-Datei mit all diesen Vorlagen auf Ihrem Computer gespeichert und kann wieder auf jede Divi-Site importiert werden.

So importieren Sie Vorlagen mit dem Divi Theme Builder

Um Vorlagen in Ihre Site zu importieren, benötigen Sie die richtige Datei zum Importieren. Diese Datei liegt im JSON-Format vor und wird nach einem erfolgreichen Export einer oder mehrerer Theme Builder-Vorlagen generiert. Die JSON-Datei kann eine einzelne Vorlage oder mehrere Vorlagen (einschließlich einer Standard-Website-Vorlage) in einer einzigen Datei enthalten. Daher ist es wichtig, Ihre Exportdateien zu benennen, um den Inhalt der JSON-Datei später besser erkennen zu können.

Um die JSON-Datei mit dem Divi Theme Builder zu importieren, navigieren Sie zu denselben Portabilitätsoptionen im Theme Builder, indem Sie oben rechts auf der Seite auf das Portabilitätssymbol klicken.

Wählen Sie dann die Registerkarte Importieren aus.

Wählen Sie die Datei von Ihrem Computer aus.

Wenn Sie Vorlagen in einen leeren Theme-Builder importieren, gelten die Optionen nicht, sodass Sie sie aktiviert lassen können. Überschreibungen werden später in diesem Beitrag behandelt.

Klicken Sie anschließend auf die Schaltfläche Importieren.

Das ist es! Alle in der Datei enthaltenen Vorlagen werden auf magische Weise auf Ihre Website importiert, wobei alle globalen Bereiche und Zuweisungen vorhanden sind. Jetzt müssen Sie nur noch klicken, um die Änderungen zu speichern.

So exportieren Sie eine einzelne Vorlage

Es gibt tatsächlich zwei Möglichkeiten, eine einzelne Vorlage aus dem Theme Builder zu exportieren. Die erste Möglichkeit besteht darin, das Exportsymbol im individuellen Vorlagenmenü auszuwählen, das angezeigt wird, wenn Sie mit der Maus über die Vorlage fahren.

Nachdem Sie auf das Exportsymbol geklickt haben, geben Sie einfach einen Exportdateinamen ein und klicken Sie auf die Schaltfläche Exportieren.

Die individuelle Json-Vorlagendatei wird auf Ihren Computer heruntergeladen.

Die andere Möglichkeit, eine einzelne Vorlage zu exportieren, besteht darin, die allgemeinen Portabilitätsoptionen des Theme-Builders zu verwenden.

Klicken Sie dazu auf das Portabilitätssymbol oben rechts in der Theme-Builder-Oberfläche.

Geben Sie auf der Registerkarte Export den Namen der Exportdatei ein.

Dann „deaktivieren“ Sie die Option „Alle Vorlagen exportieren“. Dadurch wird eine Liste der verfügbaren Vorlagen angezeigt. Wählen Sie die einzelne Vorlage aus der Liste aus und klicken Sie auf die Schaltfläche Exportieren.

Ihre Datei wird entsprechend heruntergeladen.

So exportieren Sie ausgewählte Vorlagen

Um eine ausgewählte Anzahl von Vorlagen zu exportieren, klicken Sie auf das Portabilitätssymbol oben rechts in der Theme-Builder-Oberfläche. Nehmen wir in diesem Beispiel an, dass wir die Vorlagen für die 404-Seite, Alle Beiträge und Alle Kategorieseiten exportieren möchten.

Geben Sie im Portabilitäts-Modal der Exportdatei einen Namen und deaktivieren Sie dann die Option „Alle Vorlagen exportieren“. Dadurch wird eine Liste der verfügbaren Vorlagen angezeigt. Wählen Sie die zu exportierenden Vorlagen aus der Liste aus und klicken Sie auf die Schaltfläche Exportieren.

Umgang mit Importkonflikten mit Portabilitätsoptionen

Manchmal möchten Sie Vorlagen in eine Site importieren, auf der bereits Vorlagen vorhanden sind. Um bei möglichen Konflikten zu helfen, enthält das Portabilitätsmodal einige Optionen. Bei einer Option können Sie auswählen, ob die importierten Vorlagen die Zuweisungen der vorhandenen Vorlagen überschreiben sollen.

Angenommen, Sie haben bereits eine Beitragsvorlage (eine Vorlage, die „allen Beiträgen“ zugewiesen ist) auf Ihrer Website. Die Vorlage enthält eine globale Kopfzeile, einen benutzerdefinierten Textkörper und eine globale Fußzeile.

Wenn wir eine andere Vorlage importieren möchten, die die gleiche Zuweisung („alle Beiträge“) sowie eine eigene globale Kopf- und Fußzeile enthält, kommt es zu einem Konflikt. Der erste Konflikt wäre die Zuweisung (beide sind „allen Beiträgen“ zugeordnet) und der zweite Konflikt wären die globalen Elemente (beide sind mit einer globalen Kopf- und Fußzeile verknüpft).

Hier kommen diese Portabilitätsoptionen zum Einsatz.

Lassen Sie beim Importieren der neuen Beitragsvorlage die Option „Import zulassen, um vorhandene Zuweisungen zu überschreiben“ aktiviert. Nachdem Sie auf den Import-Button geklickt haben, erscheint eine neue Warnung im Feld, die uns fragt, was wir mit den globalen Elementen des Imports machen wollen. Wenn Sie die Option „Neu mit der globalen Überschrift, dem Hauptteil und/oder der Fußzeile dieser Website verknüpfen“ auswählen, kann die importierte Vorlage vorhandene Zuweisungen überschreiben und die globale Kopfzeile, den Hauptteil und/oder die Fußzeile der Website übernehmen.

Nachdem der Import erfolgreich hinzugefügt wurde, überschreibt die importierte Vorlage mit der widersprüchlichen Zuweisung („Alle Beiträge“) die vorhandene Vorlage und ändert die vorhandene Vorlagenzuweisung in „nicht zugewiesen“. Und die Vorlage übernimmt (oder wird neu verlinkt) die globale Kopf- und Fußzeile der Website.

Wenn wir nun einen Beitrag auf der Website besuchen, sehen wir dieselbe globale Kopf- und Fußzeile, aber es wird einen neuen benutzerdefinierten Körper geben. Dies liegt daran, dass die neu importierte Vorlage jetzt „allen Beiträgen“ zugewiesen ist, aber die globale Kopf- und Fußzeile der Website geerbt hat.

Wenn wir eine neue Beitragsvorlage importieren und ihre eigene globale Kopf- und Fußzeile nach dem Import beibehalten möchten, müssen wir sicherstellen und die Option "Als statische Layouts importieren ..." auswählen.

Klicken Sie dazu oben im Theme Builder auf das Portabilitätssymbol. Gehen Sie unter dem Portabilitätsmodal zur Registerkarte Import und wählen Sie die Datei von Ihrem Computer aus. Lassen Sie die Option "Import zum Überschreiben zulassen ..." aktiviert und klicken Sie dann auf die Schaltfläche Importieren.

Anstatt die globalen Bereiche erneut zu „verknüpfen“, wählen Sie diesmal die Option „Als statische Layouts importieren…“.

Dadurch kann die importierte Vorlage vorhandene Zuweisungen überschreiben und ihre eigenen globalen Kopfzeilen, Textkörper und/oder Fußzeilen als statische Layouts beibehalten .

Wenn wir uns einen Beitrag auf der Live-Site mit dieser neu importierten Vorlage ansehen, sehen wir, dass Kopf- und Fußzeile als statische Layouts übernommen wurden. Dies bedeutet, dass die Kopf- und Fußzeile sichtbar (und anwendbar) auf diese individuelle Vorlage (nicht global) übertragen werden.

Wenn Sie nicht möchten, dass die neue Vorlage vorhandene Zuweisungen überschreibt, können Sie beim Importieren der Vorlage die Option „Import erlauben, vorhandene Zuweisungen zu überschreiben“ deaktivieren.

Nun sehen Sie die importierte Vorlage als „nicht zugewiesen“, da die Vorlagenzuweisung mit einer bestehenden Vorlage kollidiert.

Dies kann praktisch sein, wenn Sie eine Reihe von Vorlagen (oder vielleicht eines unserer Theme-Builder-Pakete) mitbringen möchten, ohne sich um Änderungen auf der aktuellen Website kümmern zu müssen.

Angenommen, Sie haben eine Datei mit einem vollständigen Satz von Theme-Builder-Vorlagen, einschließlich globaler Elemente. Sie können die Datei ohne ausgewählte Optionen zum Überschreiben und als statische Layouts importieren.

Die importierten Layouts werden zu statischen Layouts, ohne die vorhandenen Vorlagenzuweisungen zu überschreiben.

So importieren und überschreiben Sie die Standard-Website-Vorlage

Die Standard-Website-Vorlage ist eine spezielle Vorlage im Theme-Builder, die die globalen Bereiche Ihrer Website steuert.

Eine Standard-Website-Vorlage kann wie jede andere Vorlage exportiert und importiert werden. Da eine Website jedoch nur eine Standard-Website-Vorlage haben kann, müssen Sie nur eine auswählen. Wenn Sie die Standard-Website-Vorlage mit einer neuen Standard-Website-Vorlage überschreiben möchten, müssen Sie nur die Datei mit der Standard-Website-Vorlage importieren und sicherstellen, dass die Option "Standard-Website-Vorlage überschreiben" ausgewählt ist.

Sobald die neue Standard-Website-Vorlage importiert wurde, überschreibt sie alle Instanzen von globalen Bereichen in allen Vorlagen, die die vorherigen globalen Bereiche auf der gesamten Site verwenden. Sie müssen also nichts weiter tun!

Herunterladen einer Sicherung vor dem Importieren

Bevor wir gehen, ist es wichtig, auf die Option „Backup vor dem Importieren herunterladen“ hinzuweisen, die beim Importieren neuer Vorlagen verfügbar ist. Tatsächlich ist es immer eine gute Idee, ein Backup herunterzuladen, bevor Sie eine oder mehrere Vorlagen auf Ihre Website importieren. Schließlich können Sie viele Vorlagen haben und möchten nicht versehentlich Dinge ohne Backup überschreiben oder löschen.

Die Option ist die dritte Option auf der Registerkarte Import.

Abschließende Gedanken

Die Art und Weise, wie sich eine ganze Website mit ein paar einfachen Klicks verwandeln kann, hat etwas Magisches. Und mit den Portabilitätsoptionen von Divi Theme Builder haben Sie die Möglichkeit, die gewünschte(n) Vorlage(n) zu importieren und zu exportieren und auch zu wählen, wie sich diese Vorlagen mit bestehenden verhalten sollen. Im Zweifelsfall ist es immer eine sichere Sache, vor dem Importieren ein Backup herunterzuladen.

Wie sind Ihre Erfahrungen mit dem Importieren und Exportieren von Vorlagen in Divis Theme Builder?

Ich freue mich von Ihnen in den Kommentaren zu hören.

Danke schön!