Editar páginas de alojamiento individuales con el complemento Estilos de reserva de hotel

Publicado: 2023-01-18

Tabla de contenido

La extensión Estilos y plantillas de reserva de hotel es una útilutilidad gratuitapara manipular el diseño con el contenido del complemento Reserva de hotel.

Por ejemplo, le permite editar formularios de reserva, widgets y páginas de alojamiento.

Lo que es más importante, puede hacer esos ajustes en un editor de WordPress amigable para los humanos, con bloques, sin codificación.

Aunque también hay opciones para usuarios avanzados y desarrolladores en el complemento, las personas no técnicas aún pueden realizar muchas tareas pequeñas, como hacer que un formulario de búsqueda vertical sea horizontal, cambiar el nombre de las etiquetas de campo en el formulario y más.

La nuevaversión actualizada 1.1.0 de la extensión Estilos y plantillas de reserva de hotel desbloquea un área más donde puede realizar cambios visualmente en Reserva de hotel:páginas de tipo de alojamiento individual.

En particular, ahora puede cambiar la estructura predeterminada de la lista de la página de alojamiento, como cambiar el orden en que se muestra la información de la propiedad, eliminar detalles, actualizar el formato del calendario, etc.

Para esto, hemos agregado un nuevo menú Plantillas,donde puede comenzar a crear sus plantillas personalizadas (aspectos) y luego aplicarlas a los tipos de alojamiento necesarios.

¡Eso también significa que puede tener diferentes opciones de diseño para diferentes alojamientos!

Complemento de reserva de hotel

Complemento de estilos y plantillas

Profundicemos ahora en detalles para ver cómo comenzar con las plantillas y qué opciones de diseño están realmente disponibles.

¿Qué es una plantilla y cómo crearla?

En la extensión Estilos y plantillas de reserva de hotel, una plantilla es una variación de diseño de página de una sola propiedad.

Puede crear tantas plantillas como considere adecuadas para el sitio web de su propiedad de alquiler.

También puede tener uno solo, que puede aplicar a todas las propiedades que tiene.

Una vez más, resaltemos que funciona solo parapáginas de alojamiento individuales.

Una vez que haya creado una plantilla o plantillas, puede ir a las páginas de propiedades necesarias y simplemente aplicarles el diseño personalizado creado.

Estos son los pasos para crear una nueva plantilla y usarla para un diseño de alojamiento único.

  1. Instale y active la extensión Estilos y plantillas de reserva de hotel (es gratis).
  2. Vaya a Alojamiento > Plantillas > Agregar nuevo > Nómbrelo.
  3. Verá una lista de bloques predeterminados en los que se compone la página normal de alojamiento.
  4. Personaliza tu plantilla (más sobre esto a continuación).
  5. Una vez que su plantilla personalizada esté lista, vaya a Tipos de alojamiento> seleccione el que desea aplicar una nueva apariencia> busque Atributos de publicación desde la derecha> elija el que necesita del selector de Plantilla> guarde los cambios.

¡Eso es! Ahora echemos un vistazo más de cerca a las opciones de personalización de la plantilla.

Opciones de personalización de plantillas

Hay 9 bloques con nombres claros, como Precio del tipodealojamiento o Título del tipo de alojamiento.

En primer lugar, gracias a la funcionalidad predeterminada de WordPress, cada uno de estos bloques puede ser:

  • Movido a una posición diferente

El editor de bloques en el editor de diseño.

  • Eliminado por completo

Cómo quitar un bloque.

También hay una selección de diseños para toda la plantilla.

Para encontrar opciones, haga clic en cualquier lugar vacío de la página para abrir las opciones de plantilla desde la derecha, luego elija el diseño de páginadeseado para su plantilla.

Cómo editar plantillas.

¿Cuál elegir?

Con laplantilla de ancho completo activada, las partes del sitio de encabezado y pie de página no se eliminan.

La plantilla de ancho completo.

Al optar por unaplantilla de lienzo, solo se mostrará el contenido de la propiedad, sin partes del sitio de pie de página o encabezado.

La plantilla de reserva de hotel de lona.

La página completa también se puede colocar en el bloque Envoltura de reserva de hotel, para lo cual puede establecer el ancho que necesita:

El bloque wapper de reserva de hotel en el editor de plantillas.

Para las capacidades de personalización de cada bloque, primero haga clic en el bloque necesario, luego vaya al menú de la derecha del bloque.

Aquí hay algunos ajustes interesantes:

  • En lagalería Tipo de alojamiento, podrá convertir una galería de imágenes en una presentación de diapositivas de imágenes. También puede elegir varias columnas para su galería, por lo que será fácil elegir el formato correcto en función de la cantidad de imágenes que tenga en una galería.
  • Puede seleccionar quéatributosindividualmente desea generar en la información de la propiedad.
  • Puede personalizar la vista delcalendario de disponibilidad, por ejemplo, mostrar los precios por noche y elegir la cantidad de meses que desea mostrar.

La configuración del calendario de disponibilidad.

Y hemos mencionado solo algunos bloques con la mayor cantidad de herramientas y configuraciones.

Aproveche el poder del editor de bloques

Aprovecha la potencia del editor de bloques para diseñar páginas de alojamiento.

Dado que los bloques obtenidos por la extensión Estilos y plantillas de reserva de hotel también son nativos de WordPress, puede combinarlos con cualquier otro complemento de terceros o herramientas predeterminadas que estén disponibles de inmediato.

Es decir, puede agregar más elementos visuales (por ejemplo, pancartas), personalizar los colores de fondo, cambiar la cantidad de columnas para el contenido de la propiedad y hacer cualquier cosa que su imaginación y herramientas le permitan.

Echemos un vistazo a algunos ejemplos del uso del editor de bloques de WordPress junto con nuestra extensión gratuita Getwid.

Getwid básicamente agrega algunas docenas de bloques y diseños creativos al editor, lo que hace que su proceso de personalización sea aún más poderoso y diverso.

Ejemplo #1 .Use Getwid Tabs para estructurar datos en pestañas

El bloque de pestañas en el editor de WordPress.

Al usar el bloque Getwid Tabs, puede colocar los bloques generados por la extensión Estilos y plantillas de reserva de hotel en pestañas, mostrando así cada pieza de contenido en una vista compacta.

El bloque de pestañas Getwid en la interfaz.

Los viajeros pueden hacer clic rápidamente en cada pestaña para ver la información que les interesa.

Los bloques Tabs Getwid para el complemento de reserva de hotel.

Ejemplo #2.Usa patrones de WordPress o Getwid

Los patrones predeterminados en el editor de bloques.

Para crear diseños visualmente consistentes con columnas y otros elementos para su alojamiento, puede usar patrones prefabricados.

La plantilla de WordPress de diseño de habitaciones.

Ejemplo #3.Usar columnas

El bloque de columnas de WordPress.

Simplemente usando la solución Columnas o patrones listos para usar con columnas, puede organizar los elementos de contenido de una sola página de alojamiento con los elementos necesarios.

El ejemplo de las columnas.

Recuerda que puedes cambiar el color de fondo de toda la sección que construyas para tu página de alojamiento.

También hemos agregado un bloque de plantilla de tipo de alojamiento dedicado para WordPress.

La configuración del tipo de alojamiento.

Después de agregarlo a la página, le permite seleccionar cualquiera de las plantillas personalizadas creadas e insertarlo en cualquier página actual que edite.

Creación de una página con plantillas y bloques de WordPress para reservas de hotel.

De esta forma, puede elegir los ID de tipo de alojamiento para especificar para qué propiedad usar una plantilla.

Para actualizaciones rápidas del sitio web, puede cambiar la plantilla de propiedad directamente desde el menú Tipos de alojamiento en el tablero:Tipo de alojamiento > Edición rápida > Plantilla.

El selector de plantillas de WordPress.

Si desea, por ejemplo, crear una plantilla que desee que funcione para varios alojamientos y no desea aplicarla manualmente para cada propiedad, use la funcionalidad predeterminada de WordPress.

Acciones masivas > Editar > Aplicar > Plantilla > elegir una plantilla > Actualizar.

Las ediciones masivas en el editor de bloques de WordPress.

Si su generador de acceso es Elementor, Divi o cualquier otro en este momento, aún puede agregar bloques nativos de WordPress a través del editor de bloques WP predeterminado como describimos en la publicación sin ningún problema.

En futuras actualizaciones de extensiones, también planeamos hacer que los widgets de Elementor y Divi estén disponibles para bloques de reserva de hotel, lo que le permitirá editar las páginas de tipo de alojamiento con más constructores favoritos.

Nota para desarrolladores

También proporcionamos una lista de acciones para la extensión Plantillas y estilos de reserva de hotel que los desarrolladores pueden usar para agregar su propio marcado antes y después de una plantilla.

Será adecuado si nuestras plantillas Reserva de hotel deancho completooLienzo de reserva de hotelreescriben las clases registradas en la sección de encabezado de su tema de WordPress. Así que siéntase libre de agregar sus propias funciones/métodos a las siguientes acciones para agregar el marcado requerido.

Plantilla de ancho completo de reserva de hotel

  • mphb-templates/templates/header-footer/before_content: una acción que se llama antes del contenido de la plantilla.
  • mphb-templates/templates/header-footer/after_content: una acción que se llama después del contenido de la plantilla.

Plantilla de lienzo de reserva de hotel

  • mphb-templates/templates/canvas/before_content: una acción que se llama antes del contenido de la plantilla.
  • mphb-templates/templates/canvas/after_content: una acción que se llama después del contenido de la plantilla.

Cree diseños mejores y más personalizados para alojamientos individuales o todos a la vez gracias al editor de bloques de WordPress y unaextensión gratuitade Plantillas y estilos de reserva de hotel. Todas las herramientas están a tu alcance.