Bloecke Cat Medien

Block Cover

Name des Blocks: Cover
Englische Bezeichnung: Cover
Ist in der Sektion: Medien
Getestet mit WordPress-Version: 5.5
Überarbeitet am: 23. August 2020
Getestet mit WordPress-Theme: Twenty Twenty
Block Cover

Beschreibung: Block Cover

Der Block Cover ermöglicht es, ein einzelnes Bild (scrollend oder fixiert) oder Video als Hintergrund einzufügen, über das eine Farbe oder ein Farbverlauf mit variabler Transparenz sowie alle Blöcke des Block-Editors (mit all ihren Funktionen) gelegt werden können.

Statt des Bildes oder Videos ist es auch möglich, eine Hintergrundfarbe zu definieren.

Werkzeugleiste

Der Block Cover, inklusive Bild/Video kann über die Werkzeugleiste ausgerichtet werden, siehe Spalte “Werkzeugleiste”. Die erste Werkzeugleiste (oben) sieht so aus, nachdem der Block Cover eingefügt wurde. Die Werkzeugleiste ändert sich (zweite Werkzeugleiste) wenn Hintergrund-Farbe/-Bild oder -Video gewählt wurde.

Je nachdem ob Hintergrund-Bild, -Video oder -Farbe eingefügt wurde, kann der Block Cover in Gruppe, Gruppe oder Video bzw. Gruppe oder Bild umgewandelt werden

Seitenleiste

Die Seitenleiste ändert sich, je nachdem ob der Block Cover unbearbeitet ist (siehe Spalte Seitenleiste oben) oder ob Hintergrundfarbe, Coverbild oder Covervideo eingefügt wurden.

In den Seitenleisten stehen zusätzlich die Optionen, das Hintergrundbild zu fixieren sowie Overlay-Farbe oder -Farbverlauf oder und deren Deckkraft für Bild und Video zu bestimmen.

Es gibt eine Fokuspunkt-Auswahl für das Bild, siehe Spalte “Seitenleiste”. Damit kann der Ausschnitt für die Anzeige des Bildes gewählt werden, was bei der Ausrichtung des Blocks zur Anwendung kommt.

Das Festlegen einer Mindesthöhe ist optional in Pixelmaßen möglich. Die Höhe kann aber auch über die Anfasser direkt am Block Cover definiert (gezogen) werden.

Werkzeugleiste

T Cover 01

Von links nach rechts:

  1. Block-Typ ändern
  2. Nach oben/unten bewegen
  3. Ausrichtung und  Breite
    1. Block links ausrichten
    2. Block zentrieren
    3. Block rechts ausrichten
    4. Block  auf Bildschirmbreite
    5. Block  auf Inhaltsbreite
  4. Weitere Optionen
T Cover 02

Von links nach rechts:

  1. Block-Typ ändern
  2. Nach oben/unten bewegen
  3. Ausrichtung und  Breite
    1. Block links ausrichten
    2. Block zentrieren
    3. Block rechts ausrichten
    4. Block  auf Bildschirmbreite
    5. Block  auf Inhaltsbreite
  4. Position der inneren Blöcke
  5. Ersetzen
  6. Weitere Optionen

Seitenleiste

Hintergrundfarbe

S Cover 02

Coverbild (Hintergrundbild)

S Cover 03

Covervideo (Hintergrundvideo)

S Cover 04

Overlay-Farbe

S Cover 05

Overlay-Farbverlauf

S Cover 06

WordPress 5.3 – neues Video folgt

Gutenberg

Video-Anleitung zum Block Cover

Mit Klick auf das Video wird eine Verbindung zu YouTube hergestellt, was datenschutzrechtliche Relevanz hat. Mehr dazu in der Datenschutzerklärung.

Funktionsübersicht: Block Cover

Block-Kategorie:
Medien
Block-Ausrichtung:
Keine, Links, Rechts, Zentriert
Block-Breite (Theme):
Bildschirmbreite, Inhaltsbreite
Overlay:
Ja
Coverbild:
Ja
Hintergrund:
Farbverlauf, Hintergrundbild, Hintergrundfarbe, Hintergrundbild fixiert, Video
Parallax:
Ja
Block-Typ-Umwandlung in:
Sonstiges:
Ausrichting innerer Blöcke, Blöcke einfügen, Fokuspunkt-Auswahl, Höhe festlegen, HTML-Anker
Als HTML bearbeiten:
Nein
Mit Block Classic erstellbar:
Nein
Scroll to Top