Downloads und Links Block einsetzen
Mit dem Gutenberg-Block Downloads und Links (immomakler/single-downloads-links) stellen Sie die Anhänge (PDFs, Dokumente) und externen Links einer Immobilie als Icon-Liste dar. Der Block entspricht in Funktionsumfang und Ausgabe dem gleichnamigen Elementor-Widget „Downloads und Links”.
Voraussetzungen
Abschnitt betitelt „Voraussetzungen“- WordPress mit Gutenberg-Editor (ab WordPress 5.0)
- WP-ImmoMakler (beliebige Edition)
- Die Immobilie muss Anhänge (Dokumente/PDFs) oder Links hinterlegt haben
Block einfügen
Abschnitt betitelt „Block einfügen“-
Immobilie bearbeiten oder Template öffnen
Öffnen Sie eine bestehende Immobilie im Editor oder ein Block-basiertes Template für den Beitragstyp Immobilie (erfordert ein Block-Theme oder den Site Editor).
-
Block einfügen
Klicken Sie auf das +-Symbol und suchen Sie nach Downloads und Links oder navigieren Sie zur Kategorie Widgets. Fügen Sie den Block ein.
-
Vorschau prüfen
Im Editor wird sofort eine Live-Vorschau mit den Daten einer vorhandenen Beispiel-Immobilie angezeigt. Hat die Beispiel-Immobilie keine Downloads oder Links, erscheint ein Hinweis-Platzhalter. Auf der tatsächlichen Immobilien-Seite erscheinen die Daten des jeweiligen Objekts.
Liste konfigurieren
Abschnitt betitelt „Liste konfigurieren“Im Block-Panel Liste steuern Sie das grundlegende Layout:
| Einstellung | Beschreibung |
|---|---|
| Layout | Standard (vertikal): Einträge untereinander. Inline (horizontal): Einträge nebeneinander, mit Umbruch. |
| Ausrichtung | Ausrichtung der Einträge: Links, Mitte oder Rechts. |
| Abstand zwischen Elementen (px) | Abstand zwischen den einzelnen Listeneinträgen. Standard: 10 px. |
| Zeilenabstand (px) | Zusätzlicher Abstand unterhalb jedes Eintrags (ergänzt den Elementabstand). Standard: 0 px. |
| Mindestbreite (px) | Mindestbreite jedes Eintrags. Nützlich im Inline-Layout für gleichmäßige Breiten. Standard: 0 (kein Limit). |
Trennlinie
Abschnitt betitelt „Trennlinie“Im Block-Panel Trennlinie fügen Sie optionale Trennlinien zwischen den Einträgen ein:
| Einstellung | Beschreibung |
|---|---|
| Trennlinie anzeigen | Aktiviert die Trennlinien zwischen den Einträgen (Standard: aus). |
| Stil | Linientyp: Solid, Double, Dotted oder Dashed. |
| Stärke (px) | Linienstärke in Pixeln. Standard: 1 px. |
| Breite (%) | Breite der Trennlinie als Prozentsatz der Elementbreite. Standard: 100 %. |
| Farbe | Farbe der Trennlinie. Standard: #ddd. |
Elemente-Stil
Abschnitt betitelt „Elemente-Stil“Im Block-Panel Elemente gestalten Sie den Hintergrund, Rahmen und Innenabstand der einzelnen Einträge:
| Einstellung | Beschreibung |
|---|---|
| Hintergrundfarbe | Hintergrundfarbe jedes Eintrags. |
| Rahmenstil | Rahmentyp: Solid, Dashed, Dotted oder Double. |
| Rahmenstärke (px) | Stärke des Rahmens um jeden Eintrag. |
| Rahmenfarbe | Farbe des Rahmens. |
| Eckenradius (px) | Abrundung der Ecken (oben, rechts, unten, links unabhängig). |
| Innenabstand (px) | Polsterung innerhalb jedes Eintrags (oben, rechts, unten, links unabhängig). |
Icon-Stil
Abschnitt betitelt „Icon-Stil“Im Block-Panel Icons wählen und gestalten Sie die Icons:
| Einstellung | Beschreibung |
|---|---|
| Icon Downloads | Icon für Download-Einträge: Datei, Download-Pfeil oder PDF. |
| Icon Links | Icon für Link-Einträge: Externer Link, Kettenglied oder Globus. |
| Farbe | Farbe der Icons. Ohne Angabe wird die Textfarbe des Themes übernommen. |
| Hover-Farbe | Icon-Farbe beim Darüberfahren mit der Maus. |
| Größe (px) | Breite und Höhe der Icons. Standard: 14 px, Bereich: 6–96 px. |
| Abstand zum Text (px) | Abstand zwischen Icon und dem zugehörigen Link-Text. Standard: 5 px. |
Text-Stil
Abschnitt betitelt „Text-Stil“Im Block-Panel Text passen Sie die Typografie des Link-Texts an:
| Einstellung | Beschreibung |
|---|---|
| Farbe | Textfarbe der Links. Ohne Angabe wird die Linkfarbe des Themes übernommen. |
| Hover-Farbe | Textfarbe beim Darüberfahren mit der Maus. |
| Schriftgröße (px) | Schriftgröße. 0 = Theme-Standard. |
| Schriftgewicht | Schriftstärke (Light bis Extrabold). Standard = Theme-Standard. |
| Zeilenhöhe | Zeilenhöhe als Faktor. 0 = Theme-Standard. |
| Zeichenabstand (px) | Abstand zwischen den Buchstaben. |
CSS-Klassen für eigene Anpassungen
Abschnitt betitelt „CSS-Klassen für eigene Anpassungen“Für weitergehende Gestaltung können Sie in Ihrem Theme eigene CSS-Regeln verwenden:
/* Wrapper-Liste */.immomakler-downloads-links { }
/* Inline-Layout-Variante */.immomakler-downloads-links.immomakler-downloads-links--inline { }
/* Einzelner Listeneintrag */.immomakler-downloads-links__item { }
/* Icon-Container */.immomakler-downloads-links__icon { }
/* Link-Element */.immomakler-downloads-links__link { }