Dise帽o de sitio web m贸vil usando Divi

Dise帽o de sitio web m贸vil usando Divi



Contenido Restringido 馃枑

Accede a este y otros contenidos siendo premium. 驴A煤n no eres premium? Adquiere una membres铆a aqu铆 猸

En un mundo cada vez m谩s centrado en dispositivos m贸viles, asegurarse de que tu sitio web sea totalmente receptivo y est茅 enfocado en m贸vil, es esencial. Con Divi, uno de los temas m谩s vers谩tiles de WordPress, tienes una herramienta poderosa para lograrlo. En este tutorial, te mostraremos c贸mo maquetar un sitio web con Divi, centr谩ndonos espec铆ficamente en el dise帽o para dispositivos m贸viles.

Mira el resultado logrado en este tutorial aqu铆:

Por qu茅 el dise帽o web enfocado en M贸vil importa

Los usuarios de dispositivos m贸viles representan una parte significativa de tu audiencia en l铆nea, por lo que es vital proporcionarles una experiencia de usuario 贸ptima. El dise帽o web sensible (responsive) garantiza que tu sitio se vea y funcione bien en pantallas m谩s peque帽as, como smartphones y tabletas.

Dise帽o m贸vil con Divi paso a paso

Antes de sumergirnos en el dise帽o m贸vil con Divi, aseg煤rate de tener Divi instalado y activado en tu sitio de WordPress. Tambi茅n es aconsejable que ya tengas el contenido b谩sico de tu sitio web creado en la vista de escritorio.

En este tutorial te mostraremos con m谩s de una hora de contenido, como crear p谩ginas completas orientadas a m贸vil, como crear secciones, encabezados, post del blog, mapas y dem谩s, dando estilos espec铆ficos para m贸vil.

Adem谩s, te mostraremos como crear un men煤 fijo en la parte inferior, para crear una experiencia de navegaci贸n nativa para m贸vil que luzca y funcione de forma correcta.

Contenido recomendado antes de ver este tutorial:

En resumen, el dise帽o m贸vil es esencial para garantizar que tu sitio web sea accesible y atractivo para todos los usuarios, independientemente del dispositivo que utilicen. Con Divi, tienes las herramientas para hacerlo de manera efectiva y eficiente. 隆As铆 que adelante, empieza a maquetar y a dise帽ar para el futuro de la web m贸vil!

Descargar los layouts trabajados en el tutorial siendo premium 馃憞

Art铆culos relacionados

Comentarios

    1. Que tal Emanuel, un gusto saludarte. Por defecto, no hay ningun plugin que haga esta funci贸n dentro del WordPress, por lo que se debe desarrollar a medida para que pueda funcionar, en este caso encontramos un Snippet que quiz谩 te pueda funcionar: https://stackoverflow.com/questions/75189762/how-to-save-contact-details-from-a-website-to-an-android-or-iphone-using-html-bu
      Se debe implementar c贸digo a medida para generar esta funci贸n de momento.
      Espero que esta info te sea de ayuda.聽Para cualquier otra cosa, aqu铆 me tienes 馃槈馃枑

  1. Hola Jefferson!
    Excelente video. Gracias por el trabajo.
    Creo que es una excelente soluci贸n. El sitio se ve muy bien como dices y es una forma de resolver la cuesti贸n de que desarrollar una “app” en algunos casos, es innecesario por los costos que acarrea.
    Me gust贸 la idea que comentaste que quiz谩s repensabas el tema de presentar el men煤 superior con otros detalles; y bueno, estar茅 atento a la academia como siempre para agregar esa mejora cuando lo hagas.
    Gracias y felicitaciones por tus clases. Siempre muy instructivas y con explicaciones muy did谩cticas que ayudan en todo el proceso.