So erstellen Sie Artikelvariationen in Ihrer Divi Cloud

Veröffentlicht: 2022-07-04

Einer der Vorteile von Divi Cloud ist die Möglichkeit, mehrere Variationen desselben Layouts zur Hand zu haben. Erstellen Sie ganz einfach mehrere Versionen eines Layouts mit unterschiedlichen Farben, Fotos, Typografie und mehr. Das Erstellen von Artikelvariationen ist mit Divi Cloud ganz einfach. In diesem Beitrag erfahren Sie, wie Sie Artikelvariationen in Ihrer Divi-Cloud erstellen. Wir werden auch verschiedene Möglichkeiten zum Erstellen der Variationen einer Kopfzeile untersuchen und die bewährten Methoden zum Erstellen von Elementvariationen erörtern.

Best Practices für Artikelvariationen

Beim Erstellen von Artikelvariationen ist es wichtig, leicht zu erkennen, dass es sich bei dem Artikel um eine Variation handelt, wovon er eine Variation ist und was sich vom Original unterscheidet. Dies kann mit Namen, Kategorien und Tags erfolgen. Divi erstellt den Schnappschuss automatisch für Sie, sodass Sie das Layout sowohl als Miniaturansicht als auch als größeres Bild in der Ansicht „Layoutdetails“ visuell sehen können.

Verwenden Sie Namen, Kategorien und Tags, die deutlich machen, dass es sich um eine Variation eines anderen Layouts handelt. Sie sollten beschreibend sein, damit Sie wissen, wovon das Layout eine Variation ist und was die Variation ist. Dazu gehört das Hinzufügen der Farbe oder einer ähnlichen Designbeschreibung zum Namen. Konzentrieren Sie sich auf die wichtigsten Unterschiede.

Beispielsweise sind „Minimale Kopfzeile (Blau)“ und „Minimale Kopfzeile (Weiß)“ beschreibend und zeigen, dass es sich um eine Variation eines Layouts namens „Minimale Kopfzeile“ handelt. Sie beschreiben auch, was sich vom Original unterscheidet. Sie sind kurz, einfach und auf einen Blick leicht verständlich.

Die Variationen, die ich in diesem Beitrag verwende, sind geringfügige Änderungen. Ich werde die Kategorien nicht ändern, aber ich werde die Tags ändern und Namen mit Beschreibungen verwenden.

Erstellen Sie das Kopfzeilenlayout

Wir beginnen damit, wie man der Divi Cloud ein Header-Layout hinzufügt. Sie können ein vorgefertigtes Layout verwenden oder die Kopfzeile von Grund auf neu erstellen. Ich verwende für meine Beispiele die KOSTENLOSE Kopf- und Fußzeile für das Layoutpaket für elektrische Dienstleistungen von Divi. Ich nenne diesen Header Electrical Services Header. Ich wähle Headers für die Kategorie und wähle eines von zwei Tags aus.

Erstellen Sie die Kopfzeile im Theme Builder

Erstellen Sie zunächst die Kopfzeile im Divi Theme Builder. Für weitere Informationen zur Verwendung des Divi Theme Builder suchen Sie im Elegant Themes-Blog nach „Theme Builder“. Sie werden viele Beiträge finden, die Sie durch verschiedene Aspekte des Themenerstellers führen. Der Prozess ist einfach, aber ich habe ihn in kleinere Schritte unterteilt, um ihn überschaubar zu halten.

  1. Aktivieren Sie zunächst den Visual Builder, indem Sie im WordPress-Dashboard zu „Divi“ > „Theme Builder“ navigieren.
  2. Erstellen Sie den Header auf eine von drei Arten. Wählen Sie „Globale Kopfzeile hinzufügen“, fügen Sie „Neue Vorlage“ hinzu oder wählen Sie die Option „Portabilität“ und erstellen oder importieren Sie Ihr Kopfzeilenlayout.
  3. Klicken Sie auf das Bearbeiten-Symbol für die Überschrift, die Sie der Divi Cloud hinzufügen möchten.

Speichern Sie die Kopfzeile in Divi Cloud

Bearbeiten Sie als Nächstes Ihre Kopfzeile und speichern Sie das Layout in Ihrer Divi Cloud.

  1. Klicken Sie unten auf der Seite auf das violette Symbol „In Bibliothek speichern“.
  2. Geben Sie den Namen des Layouts ein, wählen Sie In der Cloud speichern und wählen Sie Ihre Kategorien und Tags aus.
  3. Klicken Sie auf „In Bibliothek speichern“.
  4. Schließen Sie den Editor des Theme Builders.
  5. Wählen Sie „Änderungen speichern“ in der oberen linken Ecke des Theme Builders.

Erstellen Sie Artikelvariationen

Als Nächstes erstellen wir zwei Variationen unseres ursprünglichen Headers. Es gibt mehrere Möglichkeiten, Artikelvariationen für die Divi Cloud zu erstellen. Wir werden uns ein paar verschiedene Optionen ansehen.

Header-Layout-Variation Eins

Für unsere erste Variante arbeiten wir weiter im Divi Theme Builder. Dies folgt dem Prozess der Erstellung des ursprünglichen Header-Layouts. Wir duplizieren verschiedene Seiten wie Kategorien, Produkte, Dienstleistungen usw.

Duplizieren Sie die Header-Vorlage

Duplizieren Sie zunächst den Header und weisen Sie ihm einen Ort zu.

  1. Aktivieren Sie den Visual Builder, indem Sie im WordPress-Dashboard zu „Divi“ > „Theme Builder“ navigieren.
  2. Wählen Sie das Duplizieren-Symbol über der globalen Vorlage aus.
  3. Wählen Sie im Popup die Standorte aus, denen Sie diese Vorlage zuweisen möchten, und klicken Sie unten auf „Speichern“.

Speichern Sie die Variation in der Divi Cloud

Bearbeiten Sie als Nächstes die Kopfzeile und speichern Sie sie in der Divi Cloud.

  1. Klicken Sie auf das Bearbeiten-Symbol für die Überschrift, die Sie der Divi Cloud hinzufügen möchten.
  2. Klicken Sie unten auf der Seite auf das violette Symbol „In Bibliothek speichern“.
  3. Geben Sie den Namen des Layouts ein, wählen Sie In der Cloud speichern und wählen Sie Ihre Kategorien und Tags aus. Wählen Sie Namen, Kategorien und Tags, die deutlich machen, dass es sich um eine Variation eines anderen Layouts handelt.
  4. Klicken Sie auf „In Bibliothek speichern“.
  5. Schließen Sie den Editor des Theme Builders.
  6. Wählen Sie „Änderungen speichern“ in der oberen linken Ecke des Theme Builders.

Header-Layout-Variation 2

Für unsere zweite Variante duplizieren wir den Header und bearbeiten ihn in Divi Cloud. Dazu verlassen wir den Divi Theme Builder und verwenden den Visual Builder auf jeder Divi-Seite oder jedem Post.

Duplizieren Sie das Header-Layout

Zuerst müssen Sie das Layout in den Divi Cloud-Editor laden.

  1. Aktivieren Sie zunächst den Visual Builder, indem Sie zu einer beliebigen Seite im Frontend Ihrer Divi-Website navigieren und in Ihrer Symbolleiste oben auf dem Bildschirm auf „Visual Builder aktivieren“ klicken.
  2. Klicken Sie auf das violette Plus-Symbol in der Divi-Symbolleiste unten auf der Seite, um die Divi-Bibliothek zu öffnen.
  3. Klicken Sie oben auf die Registerkarte „Ihre gespeicherten Layouts“.
  4. Sehen Sie sich als Nächstes Ihre Divi Cloud-Elemente an. Klicken Sie in der linken Seitenleiste unter „Standorte“ auf das Kontrollkästchen „My Divi Cloud“.
  5. Suchen Sie das Layout, das Sie duplizieren möchten, indem Sie die Divi Cloud-Elemente durchsuchen, sortieren oder filtern. Suchen Sie nach Schlüsselwörtern oder Favoriten, wählen Sie Kategorien und/oder Tags aus, um sie zu filtern, oder sortieren Sie sie nach Zeit, Name oder Favoriten.
  6. Klicken Sie mit der rechten Maustaste auf das Layout, das Sie duplizieren möchten.
  7. Wählen Sie im Popup-Menü „Duplizieren“.
  8. Alternativ können Sie mit der rechten Maustaste auf die Vorschau im Bildschirm „Layoutdetails“ klicken, um die Menüpunkte zu öffnen, und im Popup-Menü auf „Duplizieren“ klicken.
  9. Es öffnet sich ein Modal, in dem Sie Details auswählen können. Fügen Sie im Feld „Layoutname“ einen neuen Namen hinzu. Wählen Sie die gewünschten Kategorien für dieses Layout aus oder fügen Sie neue Kategorien hinzu. Wählen Sie neue Tags aus oder fügen Sie neue hinzu. Geben Sie den Namen des Layouts ein, wählen Sie „In der Cloud speichern“ und wählen Sie Ihre Kategorien und Tags aus. Wählen Sie Namen, Kategorien und Tags, die deutlich machen, dass es sich um eine Variation eines anderen Layouts handelt.
  10. Klicken Sie auf das grüne Häkchen, wenn Sie fertig sind. Das Layout wird automatisch in Ihrer Divi Cloud gespeichert, sodass Sie die Seite nicht speichern müssen.

Bearbeiten Sie das Layout in der Cloud

Nehmen Sie als Nächstes Ihre Änderungen am Divi-Layout mit dem Divi Visual Builder vor. Dies funktioniert auf jeder Seite genauso wie der Visual Builder, mit Ausnahme des Speicherns in der Bibliothek, der Seiteneinstellungen und der Portabilität. Der Editor ist bereits aktiviert, sodass Sie einfach mit Ihren Änderungen beginnen können.

  1. Suchen Sie das Layout, das Sie bearbeiten möchten, indem Sie die Divi Cloud-Elemente suchen, sortieren oder filtern. Suchen Sie nach Schlüsselwörtern oder Favoriten, wählen Sie Kategorien und/oder Tags aus, um sie zu filtern, oder sortieren Sie sie nach Zeit, Name oder Favoriten.
  2. Klicken Sie mit der rechten Maustaste auf das Layout, das Sie bearbeiten möchten.
  3. Wählen Sie im Popup-Menü „Mit Divi bearbeiten“. Das Layout wird mit aktiviertem Visual Builder in einem neuen Tab und nicht auf einer Seite Ihrer Website geöffnet.
  4. Alternativ können Sie mit der rechten Maustaste auf die Vorschau im Bildschirm „Layoutdetails“ klicken, um die Menüelemente zu öffnen, und im Popup-Menü auf „Mit Divi bearbeiten“ klicken.
  5. Bearbeiten Sie das Layout einfach wie gewohnt mit dem Divi Builder. Fügen Sie Abschnitte, Zeilen, Spalten, Module, Code usw. hinzu oder passen Sie sie an.

Speichern Sie die Änderungen der Header-Variation in der Cloud

Speichern Sie abschließend Ihre Änderungen. Die Bearbeitungen werden automatisch in der Divi Cloud gespeichert.

  1. Klicken Sie auf „Cloud-Element speichern“ in der unteren rechten Ecke des Layouts, um die Änderungen zu speichern.
  2. Warten Sie, bis die Änderungen gespeichert sind. Die Änderungen werden in der Cloud selbst gespeichert.
  3. Schließen Sie die Registerkarte, wenn Sie mit der Bearbeitung fertig sind. Dies ist keine Seite auf Ihrer Website, daher müssen Sie den Visual Builder nicht beenden.

Endgedanken

Das ist unser Blick darauf, wie Sie Artikelvariationen in Ihrer Divi Cloud erstellen. Divi macht es einfach, Variationen zu erstellen und sie in der Cloud zu speichern. Es gibt mehrere Möglichkeiten, Variationen zu erstellen. Achten Sie unabhängig von der verwendeten Methode darauf, aussagekräftige Namen zu erstellen und Kategorien und Tags zu verwenden, die Ihnen helfen, die Variation auf einen Blick zu verstehen. Divi Cloud ist eine großartige Möglichkeit, mehrere Variationen zu speichern, die auf jeder Divi-Website verwendet werden können.

Wir wollen von dir hören. Haben Sie Artikelvariationen in Divi Cloud erstellt? Teilen Sie uns Ihre Erfahrungen in den Kommentaren mit.