Alles, was Sie über das Icon List -Modul von Divi 5 wissen müssen

In einem der neuesten Divi 5 -Updates wurden Karussell und Lottie -Animationen sowie etwas vorgestellt, das jede Website verwenden kann: das neue Symbollistenmodul. Anstelle von einfachen Bullet -Punkten können Sie gestaltete Listen mit aussagekräftigen Symbolen erstellen, die Klarheit und visuelle Anziehungskraft hinzufügen.

Denken Sie an Funktionen auf einer Produktseite, Schritte in einem Prozess, Dienstleistungen in einer Preistabelle oder sogar Vorteile auf einer Zielseite. Das Symbolllistenmodul erleichtert alle diese zu gestaltet und sparsamer für Besucher.

In diesem Beitrag werden wir alles, was Sie über das Symbollistenmodul wissen müssen, von Funktionen bis hin zu praktischen Anwendungsfällen abdecken, damit Sie Ihre Listen aktualisieren und Ihre Divi -Websites verbessern können.

Was ist das Symbollistenmodul?

Das Icon List -Modul in Divi 5 ist so konzipiert, dass er ansprechende, strukturierte Listen erstellt, die das Design Ihrer Website verbessern. Durch das Koppeln jedes Listenelements mit einem eindeutigen Symbol verwandelt dieses Modul einen einfachen Text in professionelle, ansprechende Inhalte.

Vor der Divi 5 erstellen stilisierte Listen in DIVI Erforderliche Formatierungstext- oder Klappentextmodule, die weniger effizient waren. Das Symbollistenmodul füllt diese Lücke und bietet eine dedizierte Lösung, die benutzerfreundlich und hochpassbar ist.

Schlüsselmerkmale

Das Symbolllistenmodul verfügt über Funktionen, die es zu einer großartigen Ergänzung zu Divi 5 machen. Hier sind die wichtigsten Funktionen:

Einfache Listenerstellung

Erstellen Sie schnell Listen, indem Sie Elemente hinzufügen und Symbole aus der umfangreichen Symbibliothek von Divi zuweisen oder benutzerdefinierte Symbole hochladen. Mit der intuitiven Schnittstelle des Moduls können Sie polierte Listen in Minuten erstellen und Zeit im Vergleich zur manuellen Formatierung sparen.

Umfangreiche Anpassungsoptionen

Wählen Sie aus Hunderten von eingebauten Symbolen, passen Sie ihre Größe, Farbe und Platzierung an, um ein zusammenhängendes Erscheinungsbild zu erstellen, das mit dem Design Ihrer Website übereinstimmt.

Nutzen Sie die leistungsstarken Designeinstellungen von Divi, um Schriftarten, Textfarben, Abstand, Ausrichtung und Hintergründe anzupassen. Sie können auch Schwebeffekte oder Animationen hinzufügen, um Ihre Listen interaktiver zu gestalten.

So verwenden Sie das Symbolllistenmodul

Der Einstieg mit dem Icon List -Modul von Divi 5 ist einfach. Erstellen Sie eine neue Seite oder öffnen Sie eine vorhandene. Klicken Sie hier, um ein neues Modul hinzuzufügen, und wählen Sie die Symbolliste .

Nach dem Hinzufügen des Moduls sehen Sie drei Symbollistenelemente auf der Registerkarte Inhalt. Lassen Sie uns zunächst auf die erste klicken, um es zu bearbeiten.

Geben Sie in der Registerkarte Inhalt einen Titel in das Textfeld ein.

Erweitern Sie als nächstes die Registerkarte "Dropdown" der Symbol. Hier können Sie aus Hunderten von Ikonen in der Divi -Bibliothek auswählen. Sie können nach Symbolen oder Scrollen suchen, um die zu finden, die Sie verwenden möchten.

Mit dem Symbollistenmodul können Sie Links zu einzelnen Listenelementen hinzufügen, sodass es einfach ist, auf andere Seiten, Anhänge und mehr zu verknüpfen.

Auf der Registerkarte "Design" können Sie Ihre Symbollistenelemente stylen. Weisen Sie im Dropdown -Menü Symbol eine Symbolfarbe und -größe zu.

Auf der Registerkarte Hintergrund können Sie Ihrem Symbol eine Hintergrundfarbe zuweisen, einen Rand- oder Boxschatten hinzufügen und den Abstand einstellen.

Einige andere Optionen enthalten Text, in dem Sie die Ausrichtung des Textes steuern oder einen Textschatten hinzufügen. Um den Text jedoch zu stylen, wählen Sie das Dropdown -Menü des Körpertextes. Sie können eine Schriftart, Gewicht, Stil, Textausrichtung, Farbe, Größe und mehr dort zuweisen.

Wie alle anderen Divi -Module können Sie die Schatten der Größe, Abstand, Rand und Box steuern und Filter, Übergänge oder Animationen hinzufügen.

Sobald Sie das erste Symbollistenelement gestylt haben, können Sie es problemlos kopieren, das Symbol ändern und den Text aktualisieren.

Hinzufügen von Speicherplatz zwischen Icon List -Elementen

Im vorherigen Abschnitt haben wir gezeigt, wie Sie Elemente der Symbollisten hinzufügen. In diesem Abschnitt überprüfen wir, wie Sie Layouteigenschaften mithilfe des FlexBox -Layout -Systems von Divi 5 anpassen. Wie Sie sehen können, können wir zwischen den einzelnen Elementen unserer Symbollisten einen kleinen Platz nutzen.

Klicken Sie in den Einstellungen für das Hauptsymbollistenmodul auf die Registerkarte "Design". Suchen Sie das Layout -Dropdown -Menü und erweitern Sie es, um die Einstellungen anzuzeigen.

Standardmäßig wird Flex im Layoutstil ausgewählt. Auf diese Weise können Sie die Flexbox -Einstellungen von Divi 5 verwenden, um den Abstand, Layoutanweisungen und Ausrichtung zu steuern. Um den Abstand zwischen den einzelnen Icon -List -Elementen hinzuzufügen, passen Sie einfach die vertikale Lücke an. Dies fügt zwischen den einzelnen Gegenständen den Atemraum hinzu und gibt unserer Liste mehr visuelle Anziehungskraft.

Universelle Designeinstellungen für alle Icon List -Elemente

Zusätzlich zur individuellen Styling -Symbollisteelemente können Sie die Designeinstellungen des Hauptmoduls zu jedem Icon -List -Element gleichzeitig hinzufügen. Wenn beispielsweise alle Ihre Symbole die gleiche Farbe, Text oder Hintergrundstile haben, können Sie dies auf Modulebene tun.

Unabhängig davon, ob Sie Listenelemente einzeln oder als Ganzes stylen möchten, bietet das Symbollistenmodul in Divi 5 eine großartige Möglichkeit, Informationen auf benutzerfreundlichere Weise zu präsentieren.

Praktische Beispiele mit dem Symbolllistenmodul

Das Symbolllistenmodul ist vielseitig und kann verschiedene Bereiche Ihrer Website verbessern. Hier sind einige praktische Beispiele, um Ihre Designs zu inspirieren.

Reiseblogs

Das Symbollistenmodul bietet eine großartige Möglichkeit, in Ihrem Reiseblog ansprechende Inhalte zu erstellen. Sie können es verwenden, um Kategorien in Ihrem Blog, Reiserouten, Packtipps oder Ziel -Highlights hervorzuheben. Darüber hinaus können Sie Schwebeffekte kombinieren und für jedes Listenelement verschiedene Symbole verwenden, um Informationen auf klare und stilvolle Weise zu präsentieren.

Funktionen auf einer Geschäftsseite

Verwenden Sie das Symbollistenmodul, um die Dienste Ihres Unternehmens zu präsentieren. Weisen Sie relevante Symbole zu und passen Sie Farben an Ihre Marke an. Sie können auch Links zu Serviceseiten für eine einfache Navigation hinzufügen.

Schritt-für-Schritt-Prozesshandbuch

Erstellen Sie eine Liste, in der die Schritte eines Prozesses wie „Anmelden“ beschrieben werden. Verwenden Sie Scheckmarks, um die Benutzer in jedem Schritt visuell zu führen, wodurch komplexe Informationen verdaulicher werden.

E-Commerce Store-Seiten

Verwenden Sie für E-Commerce-Websites das Symbollistenmodul, um die Funktionen Ihres Geschäfts hervorzuheben. Kombinieren Sie mit den Woo -Modulen von Divi 5, um eine zusammenhängende Produktkategorie -Seite zu erstellen.

Laden Sie die Dateien herunter

Kostenlos herunterladen

Treten Sie dem Divi -Newsletter bei und wir senden Ihnen eine Kopie des ultimativen Divi -Landing -Layout -Pakets sowie Tonnen anderer erstaunlicher und kostenloser Divi -Ressourcen, Tipps und Tricks per E -Mail. Folgen Sie mit und Sie werden in kürzester Zeit ein Divi -Meister sein. Wenn Sie bereits abonniert sind, geben Sie einfach Ihre E -Mail -Adresse unten ein und klicken Sie auf Download, um auf das Layoutpaket zuzugreifen.

HERUNTERLADEN

Sie haben erfolgreich abonniert. Bitte überprüfen Sie Ihre E -Mail -Adresse, um Ihr Abonnement zu bestätigen und Zugriff auf kostenlose wöchentliche Divi -Layout -Packs zu erhalten!

Verwenden Sie das Symbolllistenmodul in Divi 5

Das Icon List -Modul in Divi 5 bietet eine großartige Möglichkeit, stilvolle, funktionale Listen mit wenig Aufwand zu erstellen. Seine Benutzerfreundlichkeit, robuste Anpassungsoptionen und nahtlose Integration in die neuen Funktionen von Divi 5 machen es zu einem Muss für Divi-Benutzer. Unabhängig davon, ob Sie Dienste hervorheben, Benutzer durch einen Prozess führen oder Produktfunktionen präsentieren, dieses Modul hilft Ihnen, professionelle Ergebnisse zu liefern, die Ihr Publikum einbeziehen.

Bereit, es zu versuchen? Laden Sie heute das neueste Divi 5 Public Alpha herunter und erkunden Sie das Symbollistenmodul selbst. Seien Sie gespannt auf weitere Divi -5 -Updates, während wir neue Funktionen einsetzen.