Kontaktperson Foto Block

Mit dem Gutenberg-Block Kontaktperson Foto (immomakler/single-contact-photo) geben Sie das Foto der Ansprechperson einer Immobilie aus. Zusammen mit dem Block Kontaktdaten und dem Kontaktformular bauen Sie so einen eigenen Kontaktbereich in der Detailansicht auf.

Voraussetzungen

• 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.
• Ein Foto der Kontaktperson. Wie Sie es hinterlegen, beschreibt Kontaktperson-Bild hinterlegen. Ist kein Foto vorhanden, gibt der Block im Frontend nichts aus.

Block einfügen

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 Kontaktperson Foto oder navigieren Sie zur Kategorie Widgets. Fügen Sie den Block ein.

3. Größe und Ausrichtung festlegen

   Legen Sie im Seitenbereich unter Foto die Breite und das Seitenverhältnis fest. Die Ausrichtung (links, mittig, rechts) wählen Sie in der Werkzeugleiste über dem Block.

4. Speichern

   Im Editor zeigt der Block das Foto der Kontaktperson der Vorschau-Immobilie. Auf der Immobilien-Seite erscheint jeweils das Foto der zuständigen Ansprechperson.

Optionen

Werkzeugleiste: Über Ausrichtung platzieren Sie das Foto links (Standard), mittig oder rechts.

Im Seitenbereich finden Sie das Panel Foto mit den folgenden Optionen:

Option	Standardwert	Beschreibung
Breite	automatisch	Breite des Fotos in px, %, em oder rem.
Höhe	automatisch	Höhe des Fotos in px, %, em oder rem.
Seitenverhältnis	original	original, 3:2 oder 4:3 (Querformat), 1:1 (Quadrat), 3:4 oder 2:3 (Hochformat). Bei einem festen Seitenverhältnis wird das Foto mittig zugeschnitten.
Außenabstand / Innenabstand	0	Abstände rund um das Foto, für jede Seite einzeln einstellbar.
Eckenradius	0	Rundet die Ecken ab. Zusammen mit dem Seitenverhältnis 1:1 und einem Radius von der halben Bildbreite entsteht ein rundes Porträt.
Randtyp	Kein	Kein, Einfach, Gestrichelt, Gepunktet, Doppelt oder Eingebettet.
Randbreite / Randfarbe	1px / Theme-Standard	Stärke und Farbe des Rahmens.

Tipp

Als Alternativtext des Bildes verwendet der Block automatisch Anrede, Titel, Name und Firma der Kontaktperson.

Das könnte Sie auch interessieren

• Kontaktdaten — Name, Telefon, E-Mail und weitere Daten der Ansprechperson ausgeben
• Kontaktformular — das Anfrageformular einer Immobilie ausgeben
• Kontaktperson-Bild hinterlegen — woher das Foto der Kontaktperson stammt
• Single-Seite erstellen — die Detailansicht im Site Editor oder auf einer Vorlagenseite aufbauen