Ein Rasterlayout erstellen
Übersicht
Diese Anleitung führt Sie durch die Erstellung eines dynamischen und optisch ansprechenden Rasterlayouts mithilfe verschiedener verfügbarer Komponenten. Das Rasterlayout eignet sich ideal, um Funktionen, Produkte oder Lösungen zu präsentieren, jeweils mit einem eigenen „Mehr erfahren“-Button.
Wir verwenden die Avonni Layout, Avonni Container, Avonni Icon, Text Block und Avonni Button Komponenten.
Warum diese Komponenten verwenden?
Avonni Layout: Dies ist die Grundlage unseres Rasterlayouts. Es ermöglicht uns, unsere Inhalte in einem organisierten, rasterbasierten Format zu strukturieren, sodass Nutzer verschiedene Elemente leichter navigieren können.
Avonni Container: Jedes Element im Raster wird in einem Avonni Container eingeschlossen. Dies hilft dabei, verschiedene Produkte oder Funktionen zu segmentieren und für jedes Element einen sauberen, abgegrenzten Bereich bereitzustellen.
Avonni Icon: Symbole sind eine großartige Möglichkeit, Funktionen oder Produkte visuell darzustellen. Sie fügen dem Inhalt ein grafisches Element hinzu und machen ihn dadurch ansprechender und leichter verständlich.
Text Block: Hier fügen Sie den beschreibenden Text für jede Funktion oder jedes Produkt hinzu. Die Text-Block-Komponente ermöglicht eine klare und prägnante Informationsvermittlung.
Avonni Button: Ein „Mehr erfahren“-Button unter jedem Element im Raster führt Nutzer zu zusätzlichen Informationen. Dieser Call-to-Action fördert die Nutzerinteraktion und bietet ausführlicheren Inhalt.
Interaktiver Schritt-für-Schritt-Konfigurationsleitfaden
Zuletzt aktualisiert
War das hilfreich?