Raster gehören zu den wichtigsten Layout-Elementen des Smart-Editors. Sie ermöglichen es, mehrere Inhaltsbereiche innerhalb einer gemeinsamen Struktur anzuordnen.

Jedes Raster besteht aus einzelnen Zellen. Diese können Texte, Bilder, Schaltflächen, Container und weitere Gestaltungselemente enthalten.

Die Rasterzellen lassen sich individuell gestalten, vergrößern, verkleinern, verschieben und kopieren. Auch ihre Darstellung auf Smartphones und Tablets kann angepasst werden.

In dieser Anleitung erfahren Sie, wie Sie mit einzelnen Rasterzellen arbeiten und häufige Probleme bei der Gestaltung vermeiden.

1. Was ist eine Rasterzelle?

Eine Rasterzelle ist ein einzelner Inhaltsbereich innerhalb eines Rasters.

Ein Raster kann beispielsweise aus zwei nebeneinanderliegenden Zellen bestehen. Die erste Zelle enthält einen Beschreibungstext, während in der zweiten Zelle ein Bild angezeigt wird.

Bei einem größeren Raster können mehrere Zellen in verschiedenen Spalten und Zeilen angeordnet sein.

Jede Zelle kann eigene Inhalte und Gestaltungseinstellungen besitzen.

Dazu gehören beispielsweise:

• Texte und Überschriften,
• Bilder und Hintergrundbilder,
• Schaltflächen und Symbole,
• Hintergrundfarben und Farbverläufe,
• Innenabstände,
• weitere Container und Gestaltungselemente.

Wichtig: Eine Rasterzelle ist Bestandteil des übergeordneten Rasters. Ihre Größe und Position werden deshalb nicht vollständig unabhängig von den anderen Zellen bestimmt.

2. Eine einzelne Rasterzelle auswählen

Bevor Sie eine Rasterzelle bearbeiten können, müssen Sie diese auswählen.

Dabei sollten Sie zwischen dem gesamten Raster, einer einzelnen Zelle und den darin enthaltenen Elementen unterscheiden.

Die Rasterzelle direkt auswählen

1. Öffnen Sie die gewünschte Seite im Smart-Editor.
2. Scrollen Sie zum betreffenden Raster.
3. Klicken Sie auf den gewünschten Zellbereich beziehungsweise dessen Markierung.
4. Kontrollieren Sie die angezeigten Werkzeuge und Eigenschaften.

Wenn die Rasterzelle ausgewählt ist, zeigt das Eigenschaftenfenster die verfügbaren Einstellungen für diese Zelle an.

Wenn stattdessen ein Textelement ausgewählt wird

Bei Rasterzellen mit mehreren Elementen kann ein Mausklick zunächst einen Text, ein Bild oder einen Container auswählen.

Wechseln Sie in diesem Fall zur übergeordneten Rasterzelle.

Alternativ können Sie die Ebenenansicht verwenden, um das gewünschte Objekt gezielt auszuwählen.

Tipp: Wenn Sie den Hintergrund oder die Größe einer vollständigen Zelle verändern möchten, sollten Sie nicht versehentlich nur ein darin enthaltenes Element auswählen.

3. Den Unterschied zwischen Raster und Rasterzelle beachten

Das Raster bildet die übergeordnete Struktur. Seine Zellen sind die einzelnen Inhaltsbereiche innerhalb dieser Struktur.

Je nachdem, welches Objekt Sie auswählen, stehen unterschiedliche Einstellungen zur Verfügung.

Einstellungen des gesamten Rasters

Diese betreffen beispielsweise:

• die grundsätzliche Rasteranordnung,
• die Anzahl und Verteilung der Spalten und Zeilen,
• die Gesamtgröße des Rasters,
• die Abstände zwischen den Zellen.

Einstellungen einer Rasterzelle

Diese betreffen beispielsweise:

• den Hintergrund der Zelle,
• ihre individuellen Innenabstände,
• die enthaltenen Elemente,
• die Größe innerhalb der Rasterstruktur,
• ihre Darstellung in verschiedenen Bildschirmansichten.

Merksatz: Das Raster bestimmt die gemeinsame Anordnung. Die Rasterzelle bildet den einzelnen gestaltbaren Inhaltsbereich.

4. Die Größe einer Rasterzelle verändern

Rasterzellen müssen nicht immer dieselbe Breite oder Höhe besitzen.

Je nach gewähltem Rasterlayout können Sie die Größenverteilung an Ihre Inhalte anpassen.

Eine Zellgrenze verschieben

1. Wählen Sie das gewünschte Raster beziehungsweise eine seiner Zellen aus.
2. Bewegen Sie den Mauszeiger zur betreffenden Zellgrenze.
3. Suchen Sie die angezeigte Ziehmarkierung.
4. Halten Sie die Maustaste gedrückt.
5. Verschieben Sie die Zellgrenze in die gewünschte Richtung.
6. Lassen Sie die Maustaste los und kontrollieren Sie das Ergebnis.

Die Größenänderung kann auch die benachbarten Rasterzellen beeinflussen.

Unterschiedlich breite Zellen

Sie können beispielsweise ein Raster erstellen, bei dem eine Zelle ein Drittel und die andere ungefähr zwei Drittel der verfügbaren Breite einnimmt.

Eine solche Anordnung eignet sich für die Kombination eines kleineren Bildes mit einem längeren Beschreibungstext.

Unterschiedlich hohe Zellen

Bei entsprechenden Rasterlayouts können auch unterschiedliche Zellenhöhen verwendet werden.

Das ist beispielsweise für Bildanordnungen mit unterschiedlich großen Motiven interessant.

Wichtig: Wenn Sie eine Zellgrenze verändern, sollten Sie anschließend die übrigen Zellen kontrollieren. Eine geänderte Größenverteilung kann auch deren Inhalte beeinflussen.

5. Rasterzellen verschieben und vertauschen

Der Smart-Editor ermöglicht es, die Positionen von Rasterzellen innerhalb eines Rasters zu verändern.

Damit können Sie beispielsweise die Reihenfolge von Bildern oder Informationskarten anpassen.

Zwei Rasterzellen vertauschen

1. Wählen Sie die Rasterzelle aus, die Sie verschieben möchten.
2. Verwenden Sie den dafür vorgesehenen Verschiebegriff.
3. Halten Sie die Maustaste gedrückt.
4. Ziehen Sie die ausgewählte Zelle auf eine andere Rasterzelle.
5. Lassen Sie die Maustaste los.
6. Kontrollieren Sie die neue Anordnung.

Beim Vertauschen werden auch die Inhalte der jeweiligen Rasterzellen mitgenommen.

Die Verschiebepfeile verwenden

Je nach Darstellung stehen an einer ausgewählten Rasterzelle außerdem Pfeilsymbole zur Verfügung.

Mit diesen können Sie die Zelle innerhalb der vorhandenen Rasterstruktur verschieben.

Tipp: Das Vertauschen vollständiger Zellen ist häufig einfacher, als sämtliche darin enthaltenen Texte und Bilder einzeln an eine andere Position zu bewegen.

6. Eine Rasterzelle kopieren

Wenn Sie mehrere ähnlich gestaltete Rasterzellen benötigen, können Sie eine vorhandene Zelle kopieren.

Dadurch müssen Sie die enthaltenen Gestaltungselemente nicht erneut zusammenstellen.

Eine Rasterzelle durch Ziehen kopieren

1. Wählen Sie die gewünschte Rasterzelle aus.
2. Halten Sie die Strg-Taste beziehungsweise die vom Editor angebotene Alt-Taste gedrückt.
3. Ziehen Sie die Zelle auf den vorgesehenen Zielbereich.
4. Lassen Sie die Maustaste los.
5. Kontrollieren Sie die entstandene Kopie beziehungsweise den ersetzten Zielinhalt.

Die Kopie übernimmt die Gestaltung und die enthaltenen Elemente der ursprünglichen Zelle.

Wichtig: Beim Ziehen einer Zelle mit gedrückter Zusatztaste kann die Zielzelle überschrieben beziehungsweise ihr Inhalt ersetzt werden. Prüfen Sie deshalb vorher, welche Inhalte sich an der Zielposition befinden.

Kopierte Inhalte anpassen

Nach dem Kopieren können Sie beispielsweise:

• Überschriften ersetzen,
• Beschreibungstexte ändern,
• Bilder austauschen,
• Schaltflächen neu verlinken,
• Hintergrundfarben anpassen.

Tipp: Gestalten Sie zunächst eine Rasterzelle vollständig und verwenden Sie diese anschließend als Grundlage für weitere ähnlich aufgebaute Zellen.

7. Neue Rasterzellen hinzufügen

Wenn Sie weitere Inhalte innerhalb eines vorhandenen Rasters unterbringen möchten, können Sie die Rasterstruktur erweitern.

Je nach gewähltem Rasterlayout stehen dafür Funktionen zum Hinzufügen weiterer Zellen zur Verfügung.

Die Rasterstruktur erweitern

1. Wählen Sie das gesamte Raster aus.
2. Öffnen Sie die Rastereinstellungen beziehungsweise die angebotenen Rasterwerkzeuge.
3. Suchen Sie die Funktion zum Hinzufügen einer Zelle.
4. Ergänzen Sie die gewünschte Zelle.
5. Kontrollieren Sie die neue Rasteraufteilung.
6. Fügen Sie anschließend Ihre Inhalte ein.

Durch das Hinzufügen einer Zelle kann sich die Größenverteilung innerhalb des Rasters verändern.

Ein anderes Rasterlayout wählen

Alternativ können Sie die bestehende Rasteranordnung durch eine andere Vorlage ersetzen.

Das ist insbesondere dann hilfreich, wenn sich die Anzahl der benötigten Zellen deutlich verändert.

Wichtig: Kontrollieren Sie nach einer Änderung der Rasterstruktur, ob alle bereits vorhandenen Inhalte weiterhin richtig angeordnet sind.

8. Eine Rasterzelle entfernen

Nicht mehr benötigte Rasterzellen können Sie aus der Gestaltung entfernen.

Achten Sie dabei darauf, ob die Zelle bereits Inhalte enthält.

Eine Zelle löschen

1. Wählen Sie die betreffende Rasterzelle aus.
2. Öffnen Sie die verfügbaren Zellwerkzeuge.
3. Wählen Sie die Funktion zum Entfernen beziehungsweise Löschen der Zelle.
4. Kontrollieren Sie anschließend die verbleibende Rasterstruktur.

Die genaue Vorgehensweise kann je nach ausgewähltem Rasterlayout und Smart-Editor-Version etwas unterschiedlich sein.

Was passiert mit dem Inhalt?

Wenn eine Rasterzelle gelöscht wird, können auch die darin enthaltenen Elemente entfernt werden.

Das betrifft beispielsweise Texte, Bilder und Schaltflächen.

Wichtig: Wenn Sie nur ein einzelnes Bild oder einen Text entfernen möchten, müssen Sie nicht die gesamte Rasterzelle löschen. Wählen Sie stattdessen das betreffende Element aus.

9. Den Hintergrund einer Rasterzelle gestalten

Rasterzellen können eigene Hintergründe besitzen.

Sie können beispielsweise eine Zelle mit einer Farbe versehen und in der benachbarten Zelle ein Hintergrundbild anzeigen.

Eine Hintergrundfarbe festlegen

1. Wählen Sie die gewünschte Rasterzelle aus.
2. Öffnen Sie im Eigenschaftenfenster die Hintergrund-Einstellungen.
3. Wählen Sie eine Farbfüllung.
4. Legen Sie die gewünschte Farbe fest.
5. Kontrollieren Sie die Lesbarkeit der enthaltenen Texte.

Ein Hintergrundbild festlegen

1. Wählen Sie die gewünschte Rasterzelle aus.
2. Öffnen Sie die Hintergrund-Einstellungen.
3. Wählen Sie eine Bildfüllung.
4. Wählen Sie ein vorhandenes Bild oder laden Sie eine neue Datei hoch.
5. Passen Sie den Bildausschnitt an.

Weitere Hintergrundarten

Je nach Gestaltung können auch Farbverläufe und weitere Hintergrundarten verwendet werden.

Tipp: Verwenden Sie unterschiedliche Zellhintergründe gezielt, um Inhalte zu gliedern. Für gleichartige Informationskarten ist eine einheitliche Hintergrundgestaltung häufig besser geeignet.

10. Hintergrundbild oder gewöhnliches Bildelement?

Bilder können auf unterschiedliche Weise innerhalb einer Rasterzelle eingesetzt werden.

Sie können entweder den Hintergrund der vollständigen Zelle bilden oder als gewöhnliches Bildelement eingefügt werden.

Bild als Zellenhintergrund

Ein Hintergrundbild füllt den vorgesehenen Zellbereich entsprechend den gewählten Darstellungseinstellungen.

Dadurch eignet es sich beispielsweise für großflächige Bildanordnungen oder dekorative Hintergründe.

Bei der flächendeckenden Darstellung können Teile des Bildes abgeschnitten werden.

Bild als eigenes Element

Ein gewöhnliches Bildelement kann innerhalb der Zelle unabhängig von deren Hintergrund bearbeitet werden.

Diese Variante eignet sich besonders dann, wenn das Bild einen eigenständigen inhaltlichen Bestandteil darstellt.

Wann sollte welche Variante verwendet werden?

Wenn ein Foto vor allem zur Hintergrundgestaltung dient, kann eine Bildfüllung sinnvoll sein.

Wenn das vollständige Motiv wichtig ist oder das Bild eigene Eigenschaften und Abstände benötigt, kann ein gewöhnliches Bildelement geeigneter sein.

Wichtig: Bei informativen Bildern sollten Sie auch die Barrierefreiheit berücksichtigen. Ein gewöhnliches Bildelement ermöglicht typischerweise die Verwendung eines beschreibenden Alternativtextes, während CSS-Hintergrundbilder dafür nicht denselben Mechanismus bieten.

11. Innenabstände einer Rasterzelle einstellen

Mit Innenabständen bestimmen Sie, wie viel Platz zwischen den Inhalten einer Zelle und deren Begrenzung vorhanden ist.

Der englische Begriff dafür lautet Padding.

Die Innenabstände bearbeiten

1. Wählen Sie die gewünschte Rasterzelle aus.
2. Öffnen Sie deren Eigenschaften.
3. Suchen Sie die Einstellungen für den Innenabstand.
4. Passen Sie die Werte für oben, rechts, unten und links an.
5. Kontrollieren Sie die neue Darstellung.

Warum sind Innenabstände wichtig?

Wenn beispielsweise eine Informationskarte eine Hintergrundfarbe besitzt, sollte ihr Beschreibungstext normalerweise nicht direkt an der Zellbegrenzung beginnen.

Ein ausreichend großer Innenabstand sorgt für eine übersichtliche Darstellung.

Zu große Innenabstände

Übermäßig große Innenabstände können dagegen dazu führen, dass für den eigentlichen Inhalt nur noch wenig Platz zur Verfügung steht.

Besonders auf Smartphones kann dadurch die Textbreite stark eingeschränkt werden.

Tipp: Verwenden Sie bei gleichartigen Rasterzellen möglichst einheitliche Innenabstände, damit die enthaltenen Inhalte optisch zusammenpassen.

12. Den Abstand zwischen Rasterzellen verändern

Der Abstand zwischen zwei Rasterzellen wird im Smart-Editor als Gap bezeichnet.

Dieser Abstand gehört zur übergeordneten Rasterstruktur und nicht zu den individuellen Innenabständen einer Zelle.

Den Zellabstand anpassen

1. Wählen Sie das vollständige Raster aus.
2. Öffnen Sie die Rastereinstellungen.
3. Suchen Sie die Einstellung Gap beziehungsweise Zellabstand.
4. Verändern Sie den gewünschten Wert.
5. Kontrollieren Sie die Abstände zwischen den Zellen.

Geringer Abstand

Ein geringer Zellabstand eignet sich beispielsweise für kompakte Bildergalerien.

Großer Abstand

Ein größerer Zellabstand kann sinnvoll sein, wenn einzelne Informationskarten stärker voneinander getrennt werden sollen.

Merksatz: Gap bestimmt den Abstand zwischen den Rasterzellen. Padding bestimmt den freien Raum innerhalb einer Rasterzelle.

13. Texte und Elemente innerhalb einer Zelle anordnen

Eine Rasterzelle kann mehrere unterschiedliche Gestaltungselemente enthalten.

Sie können beispielsweise ein Symbol, eine Überschrift, einen Beschreibungstext und eine Schaltfläche miteinander kombinieren.

Elemente hinzufügen

1. Wählen Sie die gewünschte Rasterzelle aus.
2. Öffnen Sie die Funktion zum Hinzufügen eines Elements.
3. Wählen Sie die gewünschte Elementart aus.
4. Fügen Sie das Element innerhalb der Zelle ein.
5. Bearbeiten Sie seine Eigenschaften.

Elemente ausrichten

Verwenden Sie die Ausrichtungs- und Abstandseinstellungen, um die Elemente sinnvoll innerhalb der Zelle anzuordnen.

Bei mehreren zusammengehörigen Elementen kann ein zusätzlicher Container hilfreich sein.

Die Ebenenansicht verwenden

Wenn sich mehrere Elemente überlagern oder ein Objekt nur schwer ausgewählt werden kann, öffnen Sie die Ebenenansicht.

Dort können Sie die betreffenden Elemente und ihre Zuordnung zur Rasterzelle kontrollieren.

Wichtig: Ein Element kann optisch innerhalb einer Zelle liegen, ohne tatsächlich der entsprechenden Rasterzelle zugeordnet zu sein. Prüfen Sie bei ungewöhnlichem Verhalten deshalb die Elementhierarchie.

14. Rasterzellen auf Smartphones anordnen

Ein wesentlicher Vorteil des Grid-Elements ist die automatische Anpassung an kleinere Bildschirmgrößen.

Während mehrere Zellen auf einem großen Monitor nebeneinanderliegen, werden sie auf Smartphones häufig untereinander angeordnet.

Dadurch bleibt für die einzelnen Inhalte mehr Platz.

Die Smartphone-Ansicht öffnen

1. Wählen Sie das gewünschte Raster aus.
2. Wechseln Sie über die obere Werkzeugleiste zur Smartphone-Ansicht.
3. Kontrollieren Sie die Anordnung der Rasterzellen.
4. Prüfen Sie die verfügbaren Möglichkeiten zur Anpassung der Zellenreihenfolge.
5. Nehmen Sie bei Bedarf Änderungen vor.

Die Reihenfolge der Zellen beachten

Ein Raster mit Bild und Beschreibungstext kann auf einem großen Monitor beispielsweise zwei Spalten besitzen.

Auf einem Smartphone erscheinen die Inhalte möglicherweise untereinander.

Sie sollten deshalb überlegen, ob zuerst der Beschreibungstext oder das Bild angezeigt werden soll.

Bei vielen Rasterlayouts lässt sich die Reihenfolge für mobile Ansichten gezielt beeinflussen.

Tipp: Achten Sie bei mobilen Rasterlayouts nicht nur darauf, dass alle Inhalte sichtbar sind, sondern auch auf eine sinnvolle Lesereihenfolge.

15. Rasterzellen auf bestimmten Geräten ausblenden

Der Smart-Editor bietet die Möglichkeit, einzelne Rasterzellen in bestimmten Bildschirmansichten auszublenden.

Das kann beispielsweise sinnvoll sein, wenn ein zusätzliches dekoratives Bild auf einem großen Monitor gut aussieht, auf einem Smartphone aber zu viel Platz beansprucht.

Eine Rasterzelle ausblenden

1. Wählen Sie die gewünschte Rasterzelle aus.
2. Öffnen Sie deren Eigenschaften.
3. Suchen Sie die Einstellung Hide On beziehungsweise die Funktion zum Ausblenden auf Geräten.
4. Wählen Sie die gewünschten Bildschirmansichten aus.
5. Kontrollieren Sie das Ergebnis in den betreffenden Ansichten.

Das Element bleibt Bestandteil der Seitengestaltung, wird in den ausgewählten Ansichten jedoch nicht angezeigt.

Was sollte nicht ausgeblendet werden?

Wichtige Informationen sollten grundsätzlich auf allen relevanten Geräten zugänglich bleiben.

Vermeiden Sie deshalb, beispielsweise wesentliche Kontaktinformationen oder notwendige Bedienungselemente ausschließlich für Smartphones auszublenden.

Wichtig: Das Ausblenden eines Elements in einer Bildschirmansicht bedeutet nicht, dass die entsprechenden Daten automatisch vom Server entfernt oder aus dem ausgelieferten Quelltext gelöscht werden. Diese Funktion ist daher keine Zugriffssperre für vertrauliche Informationen.

16. Wenn Rasterzellen unterschiedlich hoch sind

Bei manchen Rasterlayouts besitzen die Zellen unterschiedliche Höhen oder ihre Inhalte beanspruchen unterschiedlich viel Platz.

Das kann gewollt sein, beispielsweise bei einer Bildergalerie mit verschiedenen Bildformaten.

Bei gleichartigen Informationskarten kann es dagegen störend wirken.

Unterschiedliche Textlängen

Wenn eine Zelle nur drei Textzeilen enthält und eine andere zehn, benötigen die Inhalte unterschiedlich viel Platz.

Unterschiedliche Innenabstände

Auch abweichende Padding-Werte können die sichtbare Höhe beeinflussen.

Unterschiedliche Bildgrößen

Bilder mit verschiedenen Seitenverhältnissen können unterschiedlich hohe Inhaltsbereiche erzeugen.

Die Darstellung vereinheitlichen

Prüfen Sie zunächst die gewählte Rasterstruktur und die Größen der Zellen.

Kontrollieren Sie danach die Innenabstände und die enthaltenen Elemente.

Tipp: Verwenden Sie für gleichartige Informationskarten möglichst eine einheitliche Grundstruktur. Unterschiedlich lange Texte sollten jedoch nicht durch ungeeignete feste Höhen abgeschnitten werden.

17. Typische Layoutprobleme bei Rasterzellen beheben

Bei der Arbeit mit Rasterzellen können verschiedene Probleme auftreten.

Ein Text ragt über den Zellrand hinaus

Prüfen Sie die verfügbare Breite und Höhe der Zelle.

Kontrollieren Sie außerdem die Größe des Textelements und seine Außenabstände.

Ein Bild wird stark abgeschnitten

Wenn das Bild als Zellenhintergrund verwendet wird, überprüfen Sie den Bildausschnitt und die Hintergrund-Einstellungen.

Gegebenenfalls ist ein normales Bildelement besser geeignet.

Die Rasterzellen stehen zu weit auseinander

Überprüfen Sie den Gap-Wert des gesamten Rasters.

Kontrollieren Sie anschließend die Innenabstände der Zellen.

Ein Element liegt über einer anderen Zelle

Prüfen Sie die Positionierung des Elements und seine Zuordnung innerhalb der Ebenenansicht.

Auch ungewöhnlich große negative Außenabstände können zu Überlagerungen führen.

Die Reihenfolge auf Smartphones stimmt nicht

Öffnen Sie die entsprechende responsive Ansicht und überprüfen Sie die angebotenen Funktionen zur Änderung der Zellenreihenfolge.

Nach einer Änderung entstehen große Leerflächen

Kontrollieren Sie die Höhen der Zellen sowie die Größen- und Abstandseinstellungen der enthaltenen Elemente.

Tipp: Untersuchen Sie Layoutprobleme möglichst von außen nach innen: zuerst das gesamte Raster, dann die betroffene Zelle und anschließend die enthaltenen Elemente.

18. Rasterzellen und Grid Repeater unterscheiden

Der Smart-Editor bietet neben gewöhnlichen Rastern auch den sogenannten Grid Repeater.

Beide Elemente können mehrere Inhaltsbereiche in einer Rasterstruktur darstellen, unterscheiden sich jedoch in ihrer Bearbeitung.

Gewöhnliche Rasterzellen

Bei einem normalen Grid können die Zellen weitgehend unabhängig voneinander gestaltet werden.

Sie können unterschiedliche Inhalte, Hintergründe und Elementanordnungen besitzen.

Zellen eines Grid Repeaters

Ein Grid Repeater ist für wiederkehrende Inhalte mit einem gemeinsamen Aufbau vorgesehen.

Änderungen an der Gestaltung eines wiederholten Elements können sich auf die entsprechenden Elemente der anderen Einträge übertragen.

Die eigentlichen Texte und Bilder können dennoch unterschiedlich sein.

Wichtig: Verwenden Sie ein gewöhnliches Grid, wenn Sie unterschiedliche Inhaltsbereiche individuell gestalten möchten. Für viele gleichartig aufgebaute Einträge kann ein Grid Repeater geeigneter sein.

19. Häufige Fehler bei der Bearbeitung vermeiden

Mit einigen einfachen Vorgehensweisen können Sie typische Probleme vermeiden.

• Das richtige Objekt auswählen: Unterscheiden Sie zwischen dem gesamten Raster, einer Zelle und deren enthaltenen Elementen.
• Größenänderungen kontrollieren: Eine veränderte Zellbreite kann auch die benachbarten Zellen beeinflussen.
• Beim Kopieren auf das Ziel achten: Eine kopierte Zelle kann die Gestaltung beziehungsweise den Inhalt einer Zielzelle ersetzen.
• Innenabstände und Gap unterscheiden: Beide Einstellungen erfüllen unterschiedliche Aufgaben.
• Bildhintergründe bewusst einsetzen: Bei flächendeckender Darstellung können Teile des Motivs abgeschnitten werden.
• Rasterzellen sinnvoll anordnen: Die Reihenfolge sollte auch auf Smartphones verständlich sein.
• Wichtige Inhalte nicht ausblenden: Informationen sollten für Besucher auf allen relevanten Geräten zugänglich bleiben.
• Feste Höhen mit Bedacht verwenden: Längere Texte benötigen möglicherweise zusätzlichen Platz.
• Responsive Ansichten kontrollieren: Überprüfen Sie Änderungen auf Smartphones und Tablets.
• Frontend überprüfen: Kontrollieren Sie die fertige Gestaltung nach dem Speichern im Browser.

20. Wie geht es weiter?

Sie wissen jetzt, wie Sie Rasterzellen im Smart-Editor auswählen, gestalten, vergrößern, kopieren und innerhalb eines Rasters neu anordnen können.

Außerdem haben Sie gelernt, wie sich die Rasterstruktur auf kleinere Bildschirmgrößen auswirkt und welche Möglichkeiten zur Anpassung der mobilen Darstellung zur Verfügung stehen.

Im nächsten Beitrag beschäftigen wir uns mit einer besonderen Rasterform, die vor allem für wiederkehrende Inhaltsbereiche geeignet ist.

Als Nächstes empfehlen wir Ihnen die Anleitung „Grid Repeater verwenden“. Dort erfahren Sie, wie Sie einheitlich aufgebaute Informationskarten und andere wiederkehrende Elemente besonders effizient gestalten können.