Ir al contenido

Personalizar plantillas

WP-ImmoMakler incluye su propio sistema de skins responsivo basado en Bootstrap 3. Para personalizaciones seguras ante actualizaciones y para una integración fluida en su tema de WordPress, dispone de varios enfoques.

El plugin sigue el principio de los Child-Themes de WordPress y ofrece su propio plugin Child-Skin. Descargue y active el plugin Child-Skin antes de realizar cualquier personalización.

Plugin Child-Skin de WP-ImmoMakler en el apartado de plugins de WordPress

El principio funciona de la siguiente manera:

  • Descargue, instale y active el Child-Skin de WP-ImmoMakler
  • Copie únicamente los archivos de plantilla que desee modificar en el directorio del Child-Skin
  • Mantenga la estructura de directorios original: las plantillas se encuentran en /wp-content/plugins/immomakler/skins/bootstrap3/
  • Todas las plantillas no copiadas seguirán cargándose desde el plugin principal

functions.php: Este archivo se carga antes del skin principal, por lo que puede sobreescribir funciones en él.

immomakler.css: Este archivo se carga después de los estilos predeterminados. Comience con un archivo vacío y añada únicamente sus propios estilos. No copie el archivo CSS original completo.

Copie header.php y footer.php en su Child-Skin y adapte los contenedores HTML envolventes a su tema. Para ello, compare el código fuente de otras páginas de su tema e identifique los wrappers HTML faltantes.

Para una integración permanente, puede copiar los archivos del Child-Skin directamente en el directorio de su tema en /wp-content/themes/su-tema/immomakler/.

En sus propias plantillas puede acceder directamente a los datos de inmuebles instanciando la clase PropertyData del plugin.

$property_data = new \ImmoMakler\Data\PropertyData;
if ( $property_data->show( 'wohnflaeche' ) ) {
echo esc_html( $property_data->get_label( 'wohnflaeche' ) );
echo $property_data->get_value( 'wohnflaeche' );
}

La clase proporciona tres métodos principales:

MétodoDescripción
show( $key )Comprueba si un campo debe mostrarse (según la configuración del plugin)
get_label( $key )Devuelve la etiqueta configurada del campo
get_value( $key )Devuelve el valor formateado del campo

Utilice esc_html() al mostrar etiquetas y valores para prevenir ataques XSS, siempre que muestre el valor como texto plano.

Coloque su plantilla personalizada en el Child-Skin dentro del directorio correspondiente (por ejemplo, single/ para vistas de detalle, archive/ para la vista de lista), de modo que sea resistente a las actualizaciones. Alternativamente, puede colocarla directamente en su tema de WordPress en /wp-content/themes/su-tema/immomakler/.

Si necesita asistencia con la integración en su tema, WP-ImmoMakler ofrece un servicio de integración a precio fijo. Este incluye ajustes básicos de plantillas, colores y cambios de diseño. Para personalizaciones más amplias, se dispone de un servicio por horas. Póngase en contacto con nuestro equipo de soporte para más información.