• Resuelto ctmedia69

    (@ctmedia69)


    Hola, ¿cómo puedo configurar mi página web para que en las versiones móviles y tablet todo aparezca estructurado igual, pero más pequeño y ajustado? Por ejemplo, en la web los episodios aparecen así:

    Pero en la versión móvil aparece así:

    ¿Cómo puede arreglarse? Gracias.

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

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Sarispi

    (@sarispi)

    Hola ctmedia69!

    A nivel diseño y usabilidad, tiene más sentido que en la versión móvil aparezca todo apilado en 1 columna, es decir, primero la foto, después la descripción y después el botón de descarga; o primero el título y después la foto y la descripción de última. Para verlo todo en una fila en móvil, tendías que reducir muchísimo el tamaño de la letra en móvil y aún así, no se vería bien.

    Si estás usando los propios bloques de WordPress, al seleccionar el bloque de columna, tienes la opción de «apilar en el móvil», que directamente te pondrá las columnas una encima de otra en la versión móvil

    Hay otro tipo de bloques que te permiten mayor versatilidad. Por ejemplo, yo utilizo kadence blocks. Usando su bloque de filas, puedes escoger márgenes y paddings distintos para cada tipo de pantalla, tamaños distintos de las imágenes para cada tipo de pantalla… o directamente ocultar una fila completa según la pantalla en la que se esté viendo la web, así podrías hacer diseños completamente distintos para pc y para móvil.

    Espero que esto te ayude.

    Un saludo

    Iniciador del debate ctmedia69

    (@ctmedia69)

    Nosotros lo habíamos configurado a base de agrupar, lo hemos hecho con las columnas (que es más fácil, gracias) y en la web queda igual:

    Pero ahora en el móvil se ve así:

    ¿Cómo podríamos editarlo para que la versión móvil se vea diferente o más organizada?

    Gracias.

    Sarispi

    (@sarispi)

    Hola de nuevo! Me alegro de que te haya servido la opción de las columnas.

    Como te comentaba, con el bloque de columnas que viene por defecto en WordPress, únicamente te permite esa opción de «apilar en móvil». Si quieres darle un diseño diferente a la versión móvil, te recomiendo que instales el plugin de Kadence Blocks del repositorio de plugins de WordPress.

    Este plugin te da muchos tipos de bloques nuevos, que dan funcionalidades muy buenas de diseño. Pero en concreto para esto necesitaras el bloque de fila o Row Layout, en sus configuraciones avanzadas, podrás escoger en qué dispositivos se muestra y en cuales no

    De esta forma, puedes ocultar en móviles el diseño de la web y viceversa.

    Hay más plugins de este estilo en el repositorio, este es el que yo utilizo y me funciona muy bien, pero te invito a que busques uno que se adapte a vuestras necesidades.

    Un saludo

    Iniciador del debate ctmedia69

    (@ctmedia69)

    Gracias! Ya está solucionado!

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Debes estar registrado para responder a este debate.