Bloque Foto de la persona de contacto
Con el bloque de Gutenberg Foto de la persona de contacto (immomakler/single-contact-photo) muestra la foto de la persona de contacto de un inmueble. Junto con el bloque Datos de contacto y el formulario de contacto, puede construir así su propia sección de contacto en la vista de detalle.
Requisitos
Sección titulada «Requisitos»- WordPress con editor Gutenberg
- WP-ImmoMakler (cualquier edición)
- Un inmueble en contexto: coloque el bloque en una plantilla del Site Editor para el tipo de contenido Inmueble o en una plantilla de página — véase Crear página de detalle.
- Una foto de la persona de contacto. Cómo añadirla se describe en Agregar imagen de la persona de contacto. Si no hay ninguna foto, el bloque no muestra nada en el frontend.
Insertar el bloque
Sección titulada «Insertar el bloque»-
Abrir un template o una plantilla de página
Abra en el Site Editor la plantilla para el tipo de contenido Inmueble (requiere un tema de bloques) o la plantilla de página en la que se construye la vista de detalle de sus inmuebles.
-
Insertar el bloque
Haga clic en el icono + y busque Foto de la persona de contacto, o navegue a la categoría Widgets. Inserte el bloque.
-
Definir tamaño y alineación
En la barra lateral, bajo Foto, defina la anchura y la relación de aspecto. La alineación (izquierda, centrada, derecha) se selecciona en la barra de herramientas situada sobre el bloque.
-
Guardar
En el editor, el bloque muestra la foto de la persona de contacto del inmueble de vista previa. En la página del inmueble aparece en cada caso la foto de la persona de contacto responsable.
Opciones
Sección titulada «Opciones»Barra de herramientas: con Alineación coloca la foto a la izquierda (valor predeterminado), centrada o a la derecha.
En la barra lateral encontrará el panel Foto con las siguientes opciones:
| Opción | Valor predeterminado | Descripción |
|---|---|---|
| Anchura | automática | Anchura de la foto en px, %, em o rem. |
| Altura | automática | Altura de la foto en px, %, em o rem. |
| Relación de aspecto | original | original, 3:2 (formato apaisado), 4:3 (formato apaisado), 1:1 (cuadrado), 3:4 (formato vertical) o 2:3 (formato vertical). Con una relación de aspecto fija, la foto se recorta de forma centrada. |
| Distancia exterior / Distancia interior | 0 | Espaciado alrededor de la foto, ajustable por separado para cada lado. |
| Radio de esquina | 0 | Redondea las esquinas. Junto con la relación de aspecto 1:1 (cuadrado) y un radio de la mitad de la anchura de la imagen, se obtiene un retrato redondo. |
| “Randtyp” | Ninguno | Ninguno, “Einfach”, Discontinuo, Punteado, Doble o “Eingebettet”. |
| “Randbreite” / Color del borde | 1px / valor predeterminado del tema | Grosor y color del borde. |
También puede interesarle
Sección titulada «También puede interesarle»- Datos de contacto — mostrar el nombre, el teléfono, el correo electrónico y otros datos de la persona de contacto
- Formulario de contacto — mostrar el formulario de consulta de un inmueble
- Agregar imagen de la persona de contacto — de dónde procede la foto de la persona de contacto
- Crear página de detalle — construir la vista de detalle en el Site Editor o en una plantilla de página