Bloc Photo de l'interlocuteur

Avec le bloc Gutenberg Photo de l’interlocuteur (immomakler/single-contact-photo), vous affichez la photo de l’interlocuteur d’un bien immobilier. Combiné au bloc Coordonnées et au Formulaire de contact, il vous permet de construire votre propre zone de contact dans la vue détail.

Prérequis

• WordPress avec l’éditeur Gutenberg
• WP-ImmoMakler (toute édition)
• Un bien immobilier en contexte : placez le bloc dans un template du Site Editor pour le type de publication Bien immobilier ou sur une page modèle — voir Créer une page de détail.
• Une photo de l’interlocuteur. La procédure pour l’enregistrer est décrite dans Ajouter une photo du contact. Si aucune photo n’est disponible, le bloc n’affiche rien dans le frontend.

Insérer le bloc

1. Ouvrir un template ou une page modèle

   Ouvrez dans le Site Editor le template pour le type de publication Bien immobilier (nécessite un thème de blocs) ou la page modèle sur laquelle la vue détail de vos biens immobiliers est construite.

2. Insérer le bloc

   Cliquez sur l’icône + et recherchez Photo de l’interlocuteur, ou accédez à la catégorie Widgets. Insérez le bloc.

3. Définir la taille et l’alignement

   Dans la barre latérale, sous Photo, définissez la largeur et le rapport d’aspect. Vous choisissez l’alignement (gauche, centre, droite) dans la barre d’outils au-dessus du bloc.

4. Enregistrer

   Dans l’éditeur, le bloc affiche la photo de l’interlocuteur du bien immobilier de prévisualisation. Sur la page du bien immobilier apparaît à chaque fois la photo de l’interlocuteur responsable.

Options

Barre d’outils : via Alignement, vous placez la photo à gauche (par défaut), au centre ou à droite.

Dans la barre latérale, vous trouverez le panneau Photo avec les options suivantes :

Option	Valeur par défaut	Description
Largeur	automatique	Largeur de la photo en px, %, em ou rem.
Hauteur	automatique	Hauteur de la photo en px, %, em ou rem.
Rapport d’aspect	original	original, 3:2 (paysage) ou 4:3 (paysage), 1:1 (carré), 3:4 (portrait) ou 2:3 (portrait). Avec un rapport d’aspect fixe, la photo est recadrée au centre.
Distance extérieure / Distance intérieure	0	Espacements autour de la photo, réglables individuellement pour chaque côté.
Rayon de courbure	0	Arrondit les coins. Combiné au rapport d’aspect 1:1 (carré) et à un rayon égal à la moitié de la largeur de l’image, il donne un portrait rond.
« Randtyp » (type de bordure)	Aucun	Aucun, « Einfach » (simple), Tirets, Pointillés, Double ou « Eingebettet » (incrustée).
« Randbreite » (largeur de la bordure) / Couleur des bordures	1px / valeur par défaut du thème	Épaisseur et couleur de la bordure.

Astuce

Comme texte alternatif de l’image, le bloc utilise automatiquement la civilité, le titre, le nom et l’entreprise de l’interlocuteur.

Cela pourrait aussi vous intéresser

• Données de contact — afficher le nom, le téléphone, l’e-mail et d’autres données de l’interlocuteur
• Formulaire de contact — afficher le formulaire de demande d’un bien immobilier
• Ajouter une photo du contact — d’où provient la photo de l’interlocuteur
• Créer une page de détail — construire la vue détail dans le Site Editor ou sur une page modèle