Como conseguir este look? (Web de hotel)

  • edugimeno

    (@edugimeno)


    hace 5 años, 9 meses

    Buenos días.
    Un amigo me pide que le ayude con una web para su hotel, en WordPress.
    Él quiere imitar la apariencia de la web https://www.sanantonioelreal.es/
    Yo he creado varios sitios WP pero con un diseño bastanta modesto siempre, la parte de plantilla nunca ha sido mi fuerte
    Navegando por la web de referencia hay cosas que veo que no sé cómo están hechas.
    Me podéis echar una mano si identificáis en esta web https://www.sanantonioelreal.es/ con qué tipo de plugins (whatcms me dice que es un WP aunque con plantilla personal, de la empresa global que gestiona las reservas).

    Por ejemplo, como consigo que el contenido me llene 100% de ancho y alto de la pantalla?
    Cómo eliminar totalmente los espacios entre contenidos sin dejar blancos?
    El Widget de reservar y de disponibilidad no me preocupa porque el cliente lo tiene con un código que se incrusta, facilitado por el gestor (externo) de reservas

    No me importa pagar por una plantilla comercial, os recuerda a alguna en concreto que pueda usar de referencia? He buscado por «Plantillas WP hotel» y ninguna se me asemeja

    Cualquier pista que me ayude a poder «clonar» este look será de mucha utilidad.
    Saludos y gracias por adelantado

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • alvaromtz

    (@alvaromtz)

    hace 5 años, 9 meses

    Hola,
    No me recuerda a ninguna plantilla de pago, pero si que te puedo ayudar con la forma de mostrar el contenido.

    Para que un elemento ocupe el 100×100 del ancho y alto, en css tenemos dos unidades que nos ayudan, vh y vw. Con vh (Viewport Height), tenemos un valor relativo al alto de la pantalla, siendo 100vh el tamaño completo. Con vw (Viewport Width), tenemos el valor relativo al ancho de la pantalla, siendo 100vw el tamaño completo.

    Para que el elemento ocupe el 100×100 hay que aplicar en css: height: 100vh; width: 100vw;

    En cuanto a los espacio en blanco no entiendo muy bien a que te refieres, pero prueba con el padding y los márgenes.

    Espero haberte sido de ayuda!

    Un saludo

    Iniciador del debate edugimeno

    (@edugimeno)

    hace 5 años, 9 meses

    Si, claro que me ayuda! No conocía la existencia de esas dos etiquetas, me van a ser útil.es
    He trasteado mucho con CSS de wordpress, pero sin entenderlo al 100%. Miro con el «Inspector» del Chrome el elemento que quiero modificar, pruebo en el editor de CSS las etiquetas que pueden afectarlo, y cuando la modificación parece que funciona, lo traslado al CSS original de la web, pero muchas veces por prueba y error

    Probaré lo que me dices en cuanto empiece con esta web a ver qué tal.

    Lo de los espacios me refiero, si miras la web referenciada, en la home, si bajas, vas viendo la «home» propiamente dicha, ofertas, el hotel, habitaciones, etc…Todas ellas, entiendo que son diferentes entradas (igual no….) y salen absolutamente en contacto unas con otras, sin siquiera un línea en blanco que las separe. A eso me refiero.
    Probaré con padding hasta que lo consiga

    Saludos y gracias!

    • Esta respuesta fue modificada hace 5 años, 9 meses por edugimeno.
    Iniciador del debate edugimeno

    (@edugimeno)

    hace 5 años, 8 meses

    Me estoy desesperando…No sé si tengo una instalación corrupta o es que ya noe me da la mente…
    Estoy intentando personalizar la plantilla Twenty Seventeen, bastante sencilla aparentemente y que ya he usado en otros páginas sencillas, y me estoy perdiendo.

    Instalé un plugin para acceder a funciones avanzadas de esta plantilla, pero luego me salían esas funciones en todas las otras plantillas que he ido probando para revisar. Lo he desinstalado. Vuelvo al Twenty Seventeen tal cual, pero no hace lo que yo quiero.

    Alguien (idealmente con experiencia en este plugin) tiene ganas de echar un vistazo? No me importa compartir claves (en privado) a ver si alguien encuentra que pasa. Por lo menos antes de borrar todo y empezar de cero…

    Muchas gracias!

    Moderador LGrusin

    (@lgrusin)

    hace 5 años, 8 meses

    @edugimeno ¿has mirado en el repositorio de temas?
    https://wordpress.org/themes/search/hotel/

    Con Twenty Seventeen puedes obtener un aspecto similar aunque no es el mismo.
    https://wordpress.com/theme/twentyseventeen pulsa en Open live demo.

    Iniciador del debate edugimeno

    (@edugimeno)

    hace 5 años, 8 meses

    Gracias, parece que ya me he «desbloqueado», mira que lo he dado mil vueltas pero es que me estaba dejando una sección de la configuración de la plantilla donde puedes añadir varios elementos fijos a la portada. Estaban añadidos allí varias entradas y desde otro lado no conseguía cambiarlo…hasta que di con esa sección.

    Parece que la web ya tiene ALGO de cuerpo.
    Acepto cualquier comentario, crítica, idea de mejora, lo que sea:
    http://www.escuelaarduino.es/sp/

    Gracias!!

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Como conseguir este look? (Web de hotel)’ está cerrado a nuevas respuestas.