Icons sind wunderbare Elemente, um die Aufmerksamkeit deiner Nutzerinnen und Nutzer zu führen. Sie unterstützen sowohl die Leseführung als auch das Verstehen des Textes. Sie helfen dabei, Inhalte optisch ansprechend zu gestalten und komplexe Informationen verständlicher zu machen.
In dieser Anleitung zeige ich dir, wie du Icons in Divi gestalten und verwenden kannst.
Die Icons-Bibliothek
Im Divi-Theme gibt es eine umfangreiche Bibliothek an Icons, die du nach Belieben durchsuchen kannst. Wenn du auf das Icon-Modul klickst, öffnet sich eine Sammlung verschiedener Symbole. Falls du bereits eine Vorstellung davon hast, welches Icon du suchst, kannst du die Suchfunktion verwenden. Gib einfach den englischen Begriff für das gewünschte Icon ein (z. B. "tree" für Baum), und schon werden dir alle relevanten Symbole angezeigt.
Filter nutzen
Du hast auch die Möglichkeit, die Icons nach Kategorien zu filtern. Beispielsweise kannst du nur die Symbole von Divi anzeigen lassen oder dich auf die Symbole von Font Awesome beschränken.
Icons in ein Design einfügen
Um Icons in deine Inhalte zu integrieren, kannst du diese zum Beispiel in einem dreispaltigen Layout verwenden, bei dem in jeder Spalte ein Icon platziert wird. Kopiere das Icon, sobald du es gestaltet hast, einfach in die nächste Spalte und tausche das Icon entsprechend gegen ein neues aus. Neben Icons kannst du auch Textelemente hinzufügen. Passe die Abstände entsprechend an, damit alles harmonisch wirkt.
Icons gestalten und anpassen
Du hast die Möglichkeit, Farbe und Ausrichtung des Icons zu bestimmen. Auch der Hintergrund eines Icons lässt sich farblich verändern. Es ist ebenso möglich, die Größe des Icons anzupassen, sodass es sich gut in dein Design integriert. Passe Zwischenräume und Abstände so an, dass Text und Icon harmonieren.
Schatten und andere Designelemente
Du kannst bei deinem Icon auch einen Schatten einfügen, um sie noch mehr hervorzuheben. Hier empfehle ich dir, die Icons rund zu gestalten, damit sich der Schatten an das Icon anpasst.
Icons wiederverwenden
Hast du einmal ein Icon individuell nach deinen Vorstellungen gestaltet, kannst du es ganz einfach kopieren und an anderer Stelle erneut verwenden.
Tipp: Speichere deine Icons auch in der Divi-Bibliothek ab, um sie auf verschiedenen Seiten immer wieder einsetzen zu können. Das spart dir viel Zeit, da du nicht jedes Mal die gleichen Einstellungen vornehmen musst.
Icons können deine WordPress-Webseite optisch aufwerten und die Nutzerführung verbessern. Experimentiere mit den verschiedenen Einstellungen und finde die besten Designs für deine Webseite.
Viel Spaß beim Ausprobieren und Gestalten deiner Icons!
