WebSite X5Help Center

 
Joaquín D.
Joaquín D.
User

No se como hacer para que mi web se vea en el teléfono móvil igual que en el p  es

Auteur : Joaquín D.
Visité 761, Followers 2, Partagé 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.

Posté le
14 RéPONSES - 8 UTILE - 1 CORRECT
Jorge M.
Jorge M.
Moderator

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:

  • Si una respuesta es correcta o te ayuda dale la opción de Correcto.
  • Si una respuesta te sirve, sea o no sea tu pregunta, dale útil.
  • Si no te sirve ninguna respuesta, para ayudar a comprender mejor la pregunta trata de agregar links o capturas de Vista Previa, Rejilla de Maquetación, Navegador
  • Para añadir las capturas no uses examinar, mejor es directo copiar y pegar:

Firma Jorge M.

Lire plus
Posté le de Jorge M.
Jorge Rodriguez
Jorge Rodriguez
User

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

Lire plus
Posté le de Jorge Rodriguez
Joaquín D.
Joaquín D.
User
Auteur

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.

Lire plus
Posté le de Joaquín D.
Jorge M.
Jorge M.
Moderator

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.

Lire plus
Posté le de Jorge M.
Joaquín D.
Joaquín D.
User
Auteur

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.

Lire plus
Posté le de Joaquín D.
CARLOS AMARAL
CARLOS AMARAL
Moderator

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.

Lire plus
Posté le de CARLOS AMARAL
Joaquín D.
Joaquín D.
User
Auteur

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.

Lire plus
Posté le de Joaquín D.
Jorge M.
Jorge M.
Moderator

Hola Joaquín D.

Gracias por las capturas, ayudan bastante.

Carlos Amaral
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.
Hola Carlos, te cuento que yo uso esa posibilidad que tiene WebSite X5 como efecto, para que quede flotando, por ejemplo: el logo dentro del sitio.

El problema es, cuando no quieres hacer eso o queriendo hacer ese efecto te queda mal.

Joaquín D.
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.

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:

Objetos flotantes revisar

Como ambos procesos son similares detallo uno solo:

Area que permite flotar objetos cuidado salen zona

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)

Ver puntos alrededor de objetos


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:

Objetos cortados

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:

Objetos cortados monitor grande

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.

Lire plus
Posté le de Jorge M.
Jorge M.
Jorge M.
Moderator
Joaquín D.
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.

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.

Lire plus
Posté le de Jorge M.
Joaquín D.
Joaquín D.
User
Auteur

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.

Lire plus
Posté le de Joaquín D.
Jorge M.
Jorge M.
Moderator

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:

  • Las dudas nuevas van en una pregunta aparte (no saturar un post)
  • Las dudas relacionadas van en el mismo post (no duplicar temas). 

Saludos

Jorge M.

Lire plus
Posté le de Jorge M.
Joaquín D.
Joaquín D.
User
Auteur

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??

Lire plus
Posté le de Joaquín D.
Jorge M.
Jorge M.
Moderator

Hola Joaquín D.

Claro es normal. En verde es para que actives y en rojo indica que ya activaste.

 es útil, puedes darle útil a varios post, así agradeces a los usuarios su colaboración

El en ese color indica que es respuesta correcta

Saludos

Jorge M.

Lire plus
Posté le de Jorge M.