No se como hacer para que mi web se vea en el teléfono móvil igual que en el p 
Autor: Joaquín D.
Visitado 743,
Followers 2,
Compartido 0
Hola a todos. Estoy a medio de hacer mi página web con la plantilla (Hiking), pero no hay manera de que se me adapte al formato de teléfono móvil. Se me descuadra todo. Me gustaría ver si hay alguien que me lo explique incluso con un ejemplo, pues soy un poco novato y estoy aprendiendo. He copiado el formato de Propiedades de la estructura de la plantilla a todas las resoluciones (Tablet, móvil,etc) pero el resultado final no es el que quiero. Si entro en la web a través de mi móvil, no se ve la web en condiciones. Puede que sea muy fácil pero no doy con la tecla. Gracias por vuestra ayuda.
Publicado en
Hola Joaquín D.
Con paciencia y cooperación seguro solucionamos ese problema.
Estoy revisando la plantilla, veo que ya viene configurada en 3 vistas, te toca adjuntar capturas de pantalla, porque si la plantilla funciona seguro en el momento de hacer una modificación se movió algo.
Para adjuntar capturas en el HelpCenter es sencillo, solo captura lo que deseas con la herramienta recortes de Windows y pega aquí (control + v). En mi firma dejo el proceso, claro, incluso la opción de copiar (una imagen cualquiera) y pegar sirve.
Necesito que adjuntes: En vista previa (de WebSite X5) tienes las 3 opciones danos una idea de como se ven.
Yo paso la vistas desktop de la plantilla original para que veas como muestra:
Ahora dejanos ver como se muestran tus capturas, las que se ven bien y las que se ven mal.
Por lo pronto revisa el paso 2, ahí se concentran las configuraciones que hacen que el sitio web se adapte a las pantallas de manera correcta.
Mira en Estructura de la plantilla, si algo no entra en el encabezado por ahí se empieza.
Si tienes demasiado ancha la pantalla del movil lo más seguro es que en Contenido de la Plantilla se haya exedido el área de trabajo, por ejemplo:
Para poder ayudarte mejor es necesario las capturas y si las pegas directo aquí se parecia mejor y las puedes comentar.
Feliz Navidad y Próspero Año Nuevo
Revisa, prueba y comenta cualquier duda.
Saludos
Jorge M.
----------------------------------------------------------------------------------------------------------
¡Cada respuesta correcta/útil cuenta! como reconocimiento a un esfuerzo, así que:
Buenos días Joaquín,
gracias por tu mensaje.
Te dejo aquí una guía que puede ayudarte:
https://guide.websitex5.com/en/support/solutions/articles/44000786108-come-si-crea-un-sito-web-responsive-
Si tienes preguntas estoy a tu disposición.
¡Feliz Navidad!
Hola Joaquin,
puedo hacerte una formación online totalmente gratuita. Enviame un correo con tus datos de contacto a ***, en el asunto indica FORMACIÓN WEBSITE X5
Un saludo,
Jorge
Autor
Muchísimas gracias por tu apoyo y ayuda Jorge. Es súper valiosa para mi.
Te he enviado como me has sugerido un mail a la dirección que me has aportado. Quedo a la espera de tu respuesta. Un saludo.
Agradecido.
Hola Joaquín D.
No olvides ir colocando las capturas de pantalla. En WebSite X5 se diseña la versión escritorio y luego que está correcta pasas a la versión tableta, la pones operativa y vas a la versión movil, por lo menos en la versión EVO, así que revisa las partes que te sugerí y adjunta capturas.
Saludos
Jorge M.
Autor
Hola Jorge. Te paso captura de la pantalla en los distintos tipos de resolución. Si cambio la estructura para ajustar en los apartados de tablet y móvil, se me modifica todo también en la parte de escritorio o Pc. No me aclaro mucho con el enlace que me mandaste.
NNo se si con esto te harás una idea. Te puedo pasar también como se ve la web en los distintos formatos.
Espero que te sirva las capturas. Ojalá me puedas ayudar, la web está acabada pero no logro hacerla funcionar en un móvil y es muy importante. Gracias como siempre. Un saludo.
Hola Joaquín,
El texto LAGUNAZO no deberia ir en el header me parece. Ese deberias ponerlo sobre la imagen e incluso ya puede venir fijo en la imagen y no te va a dar ningun problema.
Veo que en el header se te superponen cosas tambien, eso puede causar problemas, y ojo con los objetos que se te estan yendo para la derecha del header. No puede quedar nada por fuera o te dara problemas en modos responsivos.
Esos objetos que no entran cuando ya tienes el header mas angosto, debes ocultarlos y listo.
Prueba y nos comentas como te ha ido...
Saludos colega
Carlos A.
Autor
Hola Jorge.
Te refieres a la palabra LAGUNAZO que la baje? Que esté dentro de las fotos? Las fotos de la presentación son de las que van cambiando. El problema es que cuando modifico algo en las resoluciones más pequeñas (tablet, móvil) se me mueve también en la de escritorio. Si en la de móvil intento hacer más pequeño el Menú, luego en la de escritorio se me descuadra o desaparece.
Hola Joaquín D.
Gracias por las capturas, ayudan bastante.
El problema es, cuando no quieres hacer eso o queriendo hacer ese efecto te queda mal.
Son suficientes y es lo que tanto Carlos como yo escribimos.
Pasos que necesitas saber:
WebSite X5 tiene zonas que permiten que floten objetos (Paso 2) y la zona donde no flotan los Objetos (Paso 4), como los errores que tienes son por objetos que flotan "por donde no deben", me voy a concentrar en el paso 2, revisa las estructuras siempre en Contenido de la Plantilla y Sticky Bar:
Como ambos procesos son similares detallo uno solo:
Por eso en el paso 4 no vas a tener problemas, ahí los Objetos están gobernados por la rejilla de maquetación.
Es el paso 2, el que debes de revisar.
Que revisar:
Para empezar, Recuerda que ya te mencioné, en WebSite X5, diseñamos desde escritorio para abajo, eso quiere decir que debes de ir en resolución de Desktop y mirar la verdadera ubicación de cada Objeto, por ejemplo: (click en la imagen para agrandar)
Con Adaptar al contenido el objeto quedaría delimitado por su contenido real y te puedes dar cuenta su ubicación respecto al área de diseño.
Si tienes un monitor pequeño te das cuenta porque en la ventana del encabezado presenta barra de desplazamiento y los objetos que salen del área tienen menos de 8 puntos alrededor:
Si tienes un monitor grande, siempre que selecciones el objeto te muestra los 8 puntos, es más sencillo ver cuando un objeto sale del área de diseño, como ves en mi imagen los 8 puntos se muestran pero es evidente que 3 puntos de la izquierda (del Objeto seleccionado) salen del área de diseño:
Importante un Objeto no debe flotar a la izquiera o a la derecha del área de diseño, esos son los errores que tiene tu diseño: se salen del borde, debes revisar cada resolución e ir corrigiendo una por una.
Si flota abajo del encabezado o arriba del pie de página no importa porque no afecta la plantilla. Ahí va a depender del gusto.
Espero que con esto te haya quedado claro, si tienes más dudas, pregunta. Recuerda que si te sirve mi post, debes marcar útil, pero si con esta ayuda resuelves tu duda, debes marcar respuesta correcta.
Saludos
Jorge M.
En mi respuesta anterior trate extensivamente ese tema.
El efecto que tiene Lagunazo, al invadir el área de la rejilla, a mi si me gusta, pero ,debes revisar el encabezado en cada una de las resoluciones
Si usas Sticky Bar debes de repetir esa revisión ahí de la misma manera desde la versión Desktop a la movil.
Después de hacer todo debes seguir los consejos de Elisa, acá te dejo el link en español:
Cómo crear un sitio web adaptable
Este es un tema que debes asimilar bien, te recomiendo revisar de nuevo todas las respuestas.
Saludos
Jorge M.
Autor
Hola a todos.
Quería daros las gracias a Elisa, Carlos y Jorge por la ayuda que me estáis prestando. La verdad es que dais un soporte y una ayuda muy buena. Aun me falta alguna cosilla que iré averiguando de la web que estoy poniendo en marcha, pero una de las partes que más me preocupaba era que se pudiera ver en los móviles. Con vuestra ayuda lo he logrado!!! La parte del móvil, en Website x5 EVO no corresponden bien las medidas con la plantilla del HEAD, pero un poco a ojo y haciendo pruebas, lo he conseguido!! Gracias a vosotros. Os paso las capturas de pantalla de como ha quedado en todos los formatos. Me quedan un par de cosas relacionadas con EVO y las estadísticas pero ya iré preguntando despues de ojear los manuales. Un saludo y Feliz Año nuevo a todos.
Hola Joaquín D.
No olvides cerrar la pregunta marcando respuesta correcta y dale util a los que te ayudan, es gratis y sirve para que los usuarios con los mismos problemas vean que funciona para solucionar esos problemas.
Recuerda:
Saludos
Jorge M.
Autor
Cierto Jorge. Tengo la duda de que para cerrar un post de ayuda hay que marcar la mano y el visé, verdad? Lo que me extraña es que está verde y si lo marco se pone rojo. Marcado como correcto es normal que se ponga en rojo??
Hola Joaquín D.
Claro es normal. En verde es para que actives y en rojo indica que ya activaste.
El
en ese color indica que es respuesta correcta
Saludos
Jorge M.