So zeigen Sie eine Vorschau eines Divi Cloud-Elements an

Veröffentlicht: 2022-06-03

Wenn Sie eine Weile mit Divi gearbeitet haben, können Sie ganz einfach eine große Bibliothek mit Bauelementen erstellen. Der Vorteil von Divi Cloud besteht darin, dass wir diese Bauelemente in der Cloud speichern können, um jederzeit von jeder Divi-Website aus darauf zugreifen zu können. Das bedeutet, dass Sie eine große Bibliothek zum Sortieren oder Durchsuchen haben könnten, um das richtige Layout zu finden. Glücklicherweise macht es Divi Cloud einfach, eine Vorschau Ihrer Layouts anzuzeigen, bevor Sie sie importieren, wodurch Ihre Bibliothek einfacher zu verwenden ist. In diesem Beitrag sehen wir, wie Sie mit drei verschiedenen Methoden eine Vorschau eines Divi Cloud-Elements anzeigen, damit Sie Ihre Optionen eingrenzen können, bevor Sie Ihre Layouts importieren.

Lass uns anfangen!

Warum eine Vorschau eines Divi Cloud-Elements anzeigen?

Die Vorschau eines Divi Cloud-Elements vor dem Importieren ist eine großartige Möglichkeit, Zeit zu sparen. Einer der Vorteile der Verwendung von Divi Cloud ist die Möglichkeit, mehrere Variationen Ihrer Layouts zu erstellen und zu speichern. Wie bei jedem Ordner mit nützlichen Tools zum Erstellen von Websites kann es schwierig werden, zu erkennen, welches Layout welches ist, sobald Sie mehrere Layouts haben.

Die Vorschau gibt Ihnen einen Schnappschuss des Layouts, bevor Sie es importieren. Dies macht es viel einfacher, jedes Mal das richtige Layout zu importieren. Dies ist besonders hilfreich, wenn Sie mehrere Layouts haben, die ähnlich aussehen oder ähnliche Namen haben.

Die Vorschau erleichtert das Durchsuchen Ihrer Bibliothek. Sie können die Layouts durchsuchen und sortieren, bis Ihnen etwas ins Auge fällt, und dann eine Vorschau anzeigen, um zu sehen, ob es für Sie funktioniert. Sie haben eine Vorstellung davon, wie das Layout aussieht, bevor Sie es importieren.

So finden Sie ganz einfach Divi Cloud-Elemente

Bevor wir sehen, wie Sie ein Divi Cloud-Element in der Vorschau anzeigen, sehen wir uns an, wie Sie es finden. Es gibt mehrere Methoden, um Ihre Divi-Layouts in Divi Cloud zu finden.

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.
Klicken Sie auf das violette Plus-Symbol in der Divi-Symbolleiste unten auf der Seite, um die Divi-Bibliothek zu öffnen.
Klicken Sie oben auf die Registerkarte „Ihre gespeicherten Layouts“.
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“.
Stellen Sie sicher, dass die Rasteransicht ausgewählt ist, es sei denn, Sie müssen sie nach Tags sortieren. Dies ist ein Gittersymbol über den Layout-Miniaturansichten auf der rechten Seite.
Suchen Sie das Layout, das Sie in der Vorschau anzeigen 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.

So zeigen Sie eine Vorschau eines Divi Cloud-Elements an

Es gibt drei Möglichkeiten, ein Divi Cloud-Element in Ihrer Divi Cloud in der Vorschau anzuzeigen. Sehen wir uns an, wie Sie mit allen drei Methoden eine Vorschau Ihrer Divi-Layouts anzeigen.

Zeigen Sie eine Vorschau des Divi Cloud-Artikel-Thumbnails an

Die Vorschau der Miniaturansicht des Layouts ist die schnellste und einfachste Möglichkeit, eine Vorschau anzuzeigen, aber da es sich um eine Miniaturansicht handelt, ist sie kleiner und es ist schwieriger, die Details zu erkennen.

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.
Klicken Sie auf das violette Plus-Symbol in der Divi-Symbolleiste unten auf der Seite, um die Divi-Bibliothek zu öffnen.
Klicken Sie oben auf die Registerkarte „Ihre gespeicherten Layouts“.
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“.
Stellen Sie sicher, dass die Rasteransicht ausgewählt ist, es sei denn, Sie müssen sie nach Tags sortieren. Dies ist ein Gittersymbol über den Layout-Miniaturansichten auf der rechten Seite.
Suchen Sie das Layout, das Sie in der Vorschau anzeigen 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.
Sobald Sie ein Layout für die Vorschau gefunden haben, bewegen Sie den Mauszeiger über die Miniaturansicht des Layouts. Das Layout wird innerhalb der Miniaturansicht gescrollt, wo Sie eine Vorschau des Layouts sehen können. Wenn Sie den Cursor über dem Miniaturbild platzieren, wird nach unten gescrollt, während Sie den Cursor vom Miniaturbild wegbewegen, wird nach oben gescrollt.

Vorschau eines Divi Cloud-Elements in den Layoutdetails

Sie können die Divi Cloud-Layouts auch in einem größeren Fenster anzeigen, durch das Sie scrollen können. Diese Vorschau zeigt ein großes Bild des Layouts und eignet sich hervorragend, um Ihnen einen detaillierten Einblick in das Layout zu geben, bevor Sie es verwenden.

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.
Klicken Sie auf das violette Plus-Symbol in der Divi-Symbolleiste unten auf der Seite, um die Divi-Bibliothek zu öffnen.
Klicken Sie oben auf die Registerkarte „Ihre gespeicherten Layouts“.
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“.
Stellen Sie sicher, dass die Rasteransicht ausgewählt ist, es sei denn, Sie müssen sie nach Tags sortieren. Dies ist ein Gittersymbol über den Layout-Miniaturansichten auf der rechten Seite.
Suchen Sie das Layout, das Sie in der Vorschau anzeigen 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 oder sortieren Sie sie nach Zeit, Name oder Favoriten.
Wenn Sie ein Layout für die Vorschau gefunden haben, klicken Sie auf die Miniaturansicht des Layouts. Dadurch wird die Ansicht „Layoutdetails“ geöffnet und das Layout in einem größeren Fenster angezeigt. Es zeigt das Layout auf der linken Seite und eine Miniaturansichtsliste mit weiteren Layouts auf der rechten Seite.
Bewegen Sie den Mauszeiger über das Layout im großen Fenster und scrollen Sie, um das Layout anzuzeigen. Innerhalb dieses Fensters können Sie nach oben und unten scrollen.

Sehen Sie sich eine Live-Demo an

Schließlich können Sie das Layout als Live-Demo auf Ihrer Website ansehen. Die Live-Demo ist vollständig interaktiv und reaktionsschnell. So haben Sie die beste Ansicht des Layouts, bevor Sie es verwenden.

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.
Klicken Sie auf das violette Plus-Symbol in der Divi-Symbolleiste unten auf der Seite, um die Divi-Bibliothek zu öffnen.
Klicken Sie oben auf die Registerkarte „Ihre gespeicherten Layouts“.
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“.
Stellen Sie sicher, dass die Rasteransicht ausgewählt ist, es sei denn, Sie müssen sie nach Tags sortieren. Dies ist ein Gittersymbol über den Layout-Miniaturansichten auf der rechten Seite.
Suchen Sie das Layout, das Sie in der Vorschau anzeigen 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 oder sortieren Sie sie nach Zeit, Name oder Favoriten.
Wenn Sie ein Layout für die Vorschau gefunden haben, klicken Sie auf die Miniaturansicht des Layouts. Dadurch wird die Ansicht „Layoutdetails“ geöffnet und das Layout in einem größeren Fenster auf der linken Seite des Divi Cloud-Bildschirms angezeigt.
Wählen Sie die grüne Schaltfläche unter dem Bild des Layouts mit der Bezeichnung „Live-Demo anzeigen“. Dadurch wird das Layout vorübergehend importiert und das Divi Cloud-Fenster geschlossen, sodass Sie das Layout auf Ihrer Website anzeigen können. Es sieht genauso aus, als ob Sie das Layout importiert hätten, und Sie können klicken, den Mauszeiger bewegen, scrollen, die Animationen sehen usw. und mehr.
Alternativ können Sie mit der rechten Maustaste auf das Miniaturbild auf dem ersten Bildschirm oder auf das Bild des Layouts im Bildschirm „Layoutdetails“ klicken und „Live-Vorschau“ aus dem Popup-Menü auswählen. Dies funktioniert genauso wie das Klicken auf die grüne Schaltfläche „Live-Demo anzeigen“.
Klicken Sie auf das X in der oberen rechten Ecke des Bildschirms, um die Vorschau zu schließen und zum Divi Cloud-Layoutfenster zurückzukehren.

Endgedanken

Das ist unser Blick auf die Vorschau eines Divi Cloud-Elements. Die Vorschau ist eine großartige Möglichkeit, Ihre Divi Cloud-Bibliothek zu durchsuchen. Es gibt mehrere Methoden zur Vorschau von Layouts, darunter das Anzeigen einer Miniaturansicht, das Anzeigen eines größeren Bilds und das Anzeigen des Layouts auf Ihrer Website. Jede der Methoden hat Vorteile in Bezug auf Geschwindigkeit, Details und Interaktivität. Alle drei Methoden sind einen Versuch wert, um Ihnen dabei zu helfen, das genaue Divi-Layout einzugrenzen, das Sie auf Ihrer Website verwenden möchten. Ich empfehle, sie in der hier gezeigten Reihenfolge zu verwenden, um Ihr Divi Cloud-Layout so schnell wie möglich zu finden.

Wir wollen von dir hören. Zeigen Sie eine Vorschau Ihrer Divi Cloud-Elemente an, bevor Sie sie importieren? Lass es uns in den Kommentaren wissen.