Zum Inhalt springen

Videos Block

Mit dem Gutenberg-Block Videos (immomakler/single-videos) geben Sie alle Videos einer Immobilie aus: YouTube- und Vimeo-Links ebenso wie Videodateien aus Ihrer Maklersoftware. Die Videos erscheinen so, wie es unter Immobilien-Videos beschrieben ist – als Vorschaubild mit Play-Button, mit Lightbox und Consent-Abfrage.

Videos-Block im Frontend mit Video-Vorschaubild und Play-Button
  • WordPress mit Gutenberg-Editor
  • WP-ImmoMakler (beliebige Edition)
  • Eine Immobilie im Kontext: Platzieren Sie den Block in einem Site-Editor-Template für den Beitragstyp Immobilie oder auf einer Vorlagenseite – siehe Single-Seite erstellen.
  • Mindestens ein Video an der Immobilie. Immobilien ohne Video zeigen den Block im Frontend nicht an, eine optionale Überschrift entfällt dann ebenfalls.
  1. Template oder Vorlagenseite öffnen

    Öffnen Sie im Site Editor das Template für den Beitragstyp Immobilie (erfordert ein Block-Theme) oder die Vorlagenseite, auf der die Detailansicht Ihrer Immobilien aufgebaut wird.

  2. Block einfügen

    Klicken Sie auf das +-Icon und suchen Sie nach Videos oder navigieren Sie zur Kategorie Widgets. Fügen Sie den Block ein.

  3. Darstellung anpassen

    Wählen Sie im Seitenbereich unter Videos das Seitenverhältnis und bei Bedarf einen Eckenradius. Unter Überschrift blenden Sie eine eigene Überschrift über den Videos ein.

  4. Speichern

    Im Editor zeigt der Block die Videos der Vorschau-Immobilie. Hat sie keine Videos, sehen Sie stattdessen einen Hinweis. Wählen Sie dann eine Vorschau-Immobilie mit Video, um die Darstellung zu prüfen.

PanelOptionStandardwertBeschreibung
VideosSeitenverhältnis3:216:9, 3:2 oder 4:3 (Querformat) oder 1:1 (Quadrat).
VideosEckenradius0Rundet die Ecken der Videos ab, in px, %, em oder rem. Mit Alle Seiten gleich ausgeschaltet stellen Sie jede Ecke einzeln ein.
ÜberschriftÜberschrift anzeigenNeinGibt eine Überschrift über den Videos aus.
ÜberschriftTextVideosText der Überschrift.
ÜberschriftHTML-ElementH2Überschriften-Ebene H1 bis H6, passend zur Gliederung Ihrer Seite.
ÜberschriftSchriftgröße (px) / Schriftgewicht / SchriftfarbeTheme-StandardTypografie der Überschrift.
ÜberschriftAbstand zum Video (px)Theme-StandardAbstand zwischen Überschrift und erstem Video.

Farben, Typografie und Abstände des gesamten Blocks stellen Sie zusätzlich im Reiter Design ein.