Blöcke in Sitebuilder können individuell angepasst werden. Viele Elemente können geändert werden, während das Layout schön und mobilfreundlich bleibt – Hintergrund, Inhaltsausrichtung, Blockabstände und vieles mehr.
Dieses Tutorial zeigt dir, welche Einstellungen im Blockeinstellungsmenü modifiziert werden können.
Zugriff auf das Blockeinstellungsmenü
Um auf das Blockeinstellungsmenü zuzugreifen, fahre mit der Maus über den Block, um das Steuerungsfeld zu aktivieren, und klicke auf das Blockeinstellungen-Symbol.
Das Blockeinstellungsmenü hat zwei Registerkarten: Layout und Anzeige. Lass uns jede einzelne im Detail erkunden.
Die Registerkarte Layout
In der Registerkarte Layout kannst du das Blocklayout ändern oder einige Elemente des Blocks ausblenden.
Um das Blocklayout zu ändern, klicke auf die entsprechende Schaltfläche und wähle ein neues Layout für den Blockinhalt aus, klicke dann auf Hinzufügen, um die Änderungen zu speichern. Du kannst nach unten scrollen, um weitere Optionen anzuzeigen und die Layouts durch Anklicken zu überprüfen.
Um ein bestimmtes Blockelement auszublenden, entferne das Häkchen neben seinem Namen. Wenn du es dir anders überlegst, kannst du es wieder aktivieren.
Vergiss nicht, auf Speichern zu klicken, um die Änderungen zu übernehmen.
Die Registerkarte Anzeige
In der Registerkarte Anzeige kannst du die Hintergrundfarbe deines Blocks auswählen, die Inhaltsausrichtung ändern, das Überlagerungseffekt des Hintergrunds aktivieren und vieles mehr. Da jeder Blocktyp seine eigenen speziellen Funktionen hat, hat jeder von ihnen eine eigene Auswahl an Einstellungen. Lass uns die Einstellungsoptionen einzeln betrachten.
Bild ersetzen
Für Blöcke mit einem Hintergrundbild kannst du es im entsprechenden Abschnitt ersetzen.
Du kannst auch die Position und den Brennpunkt deines Hintergrundbilds ändern, indem du auf das Zuschneide-Symbol klickst und das Bild an die gewünschte Position ziehst oder das Einzoomen/Auszoomen-Tool verwendest.
Blockstil
Wenn du die Farben deines Blocks anpassen möchtest, kannst du das Farbschema ändern, indem du auf das Plus-Symbol im Blockstil-Abschnitt klickst.
Erfahre mehr über die Farbpalette deiner Website in unserem speziellen Tutorial.
Blockabstände
Durch das Hinzufügen von Abständen zwischen den Blöcken kannst du verhindern, dass deine Website überladen wirkt. Passe die Leerzeichen eines Blocks an – du kannst den oberen Einzug und den unteren Einzug ändern.
Hinweis: Einige Blöcke haben keine Abstandsoption. Du kannst es z.B. nicht in den Gallerie-Blöcken in voller Breite einstellen. Auch in einigen Blöcken in voller Breite, wie dem Kopfzeilenblock und dem Kontaktblock, kann die Abstandsoption aktiviert werden, indem du das Häkchen neben Vollbild entfernst.
Inhaltslayout
Einige Blöcke ermöglichen es dir, die Anzahl der Elemente pro Zeile auszuwählen (z.B. der Galerie-Block und der FAQ-Block). Wähle eine Option aus, indem du auf den entsprechenden Optionskreis klickst.
Position des Mediainhalts
Du kannst das Layout horizontal bei Blocks umkehren, bei denen der Mediainhalt die eine Hälfte des Bildschirms einnimmt und der Textinhalt die andere Hälfte.
Vertikale Ausrichtung
In diesem Abschnitt kannst du den Textinhalt des Blocks nach oben, unten oder in die Mitte verschieben. Das Video unten zeigt sowohl die Änderung der Position des Mediainhalts als auch die Anpassung der vertikalen Ausrichtung.
Horizontale Ausrichtung
Du kannst die horizontale und vertikale Inhaltsausrichtung verschiedener Blöcke anpassen, z.B. des Handlungsaufforderungsblocks und des Textblocks. Klicke auf den entsprechenden Optionskreis, um den Inhalts deines Blocks links oder zentriert auszurichten.
Inhaltsstil
Füge einen Rahmen und einen Schatten hinzu, um die Elemente auf der Seite hervorzuheben, indem du die entsprechenden Kontrollkästchen markierst.
Hintergrundeinstellungen
Es gibt zwei Optionen zur Anpassung deines Hintergrundbilds: das Hinzufügen eines Schwarz-Weiß-Filters und das Erstellen eines Überlagerungseffekts. Das Kontrollkästchen Schwarz-Weiß-Filter hinzufügen verwandelt deinen Hintergrundinhalt in Schwarz-Weiß. Das Kontrollkästchen Überlagerung hinzufügen fügt dem Blockhintergrundbild eine halbtransparente Überlagerung hinzu. Du kannst auch die Transparenz der Überlagerung anpassen.