Zum Hauptinhalt springen

Widget - Block

Lea avatar
Verfasst von Lea
Vor über einem Jahr aktualisiert

Ein Überblick über die Funktionen des Block-Elements kriegst du in diesem Artikel.

Widget Block einfügen:

1. Klicke auf das Plus Symbol.

2. Nun kannst du den leeren Block per Drag-and-drop Funktion auf deine Seite einfügen.

Block bearbeiten & Hintergrund hinzufügen:

1. Fahre mit der Mouse über die Stelle, bei der du den Block hinzugefügt hast. Klicke nun auf "Block"

2. Hier hast du die Möglichkeit, ein Hintergrundbild für deinen Block auszuwählen.

3. Wähle eine Hintergrundfarbe aus. (z.B. deine Markenfarbe als RGB oder Hex Code)

4. Füge ein Video (über einen Youtube Link) als Hintergrund ein.

5. Füge einen Farbverlauf hinzu.

6. Mit der Überlagerung (Overlay) kannst du z.B. über ein Hintergrundbild eine Farbe legen. Wenn diese etwas transparent ist, sieht man das Hintergrundbild noch durch, ohne dass es zu kräftig wirkt.

7. Durch einen Formteiler kannst du einen kreativen Übergang zwischen den einzelnen Blöcken wählen.

8. Wenn du bei einem Block einen Ankerpunkt hinzufügst, ist es möglich diesen Ankerpunkt z.B. bei einem Button zu verlinken.

Spalteneinstellungen:

Wenn du mit der Mouse über den Block fährst, erscheinen die Spalteneinstellungen. Klicke hier auf den Button mit dem Zahnrad und "Spalte".

1. Auch hier gibt es die Möglichkeit, einen Hintergrund nur für diese Spalte auszuwählen. Zum Beispiel wieder ein Hintergrundbild, eine Hintergrundfarbe, einen Farbverlauf oder eine Überlagerung.

2. Mit dieser Option kannst du die einzelne Spalte inklusive Inhalt nach oben versetzen. So können auch "Überlappungseffekte" entstehen.

3. Bei der Inhalt Anordnung bestimmst du, ob der Inhalt oben, mittig oder unten (innerhalb der Spalte) angeordnet sein soll.

4. Unter "Rand" hast du die Möglichkeit eine Randfarbe, Randbreite und Eckenradius zu bestimmen.

5. Unter "Schatten" kannst du einen äußeren oder inneren Schatteneffekt bestimmen.

6. Hier gibt es die Option, einen geneigten Hintergrund-Effekt zu der Spalte hinzuzufügen.

7. Möchtest du diese Spalte auf mehreren Seiten einfügen, macht eine globale Spalte Sinn. So kannst du die gleiche Spalte auf anderen Seiten ganz einfach einfügen.

Größe des Blocks bestimmen:

Mithilfe der grauen Striche kannst du die Größe (Breite und Höhe) des Blocks bestimmen. Packe dafür mit der Maus einer der grauen Striche und verschiebe es so, bis es dir passt.

Block hinzufügen:

Fahre mit der Maus über den Block und klicke auf "Block hinzufügen".

Nun öffnet sich ein Fenster mit vielen Templates zu verschiedenen Kategorien. Hier kannst du dein erwünschtes Template für den Block auswählen und einfügen.

Hat dies deine Frage beantwortet?