En este videotutorial prémium te enseñaremos a crear o diseñar tarjetas personalizadas para Menús, recetas (o francamente lo que quieras) con Divi. Será un tutorial orientado principalmente al diseño y personalización de columnas de una fila en Divi.
Objetivo de tutorial:
Este es un tutorial pedido por uno de nuestros alumnos, donde quería lograr un resultado similar al mostrado en la imagen que mostramos en el vídeo. La idea es hacer una tarjeta con diferentes campos de información, como imagen, categorías, títulos o precios, incluso una pequeña descripción, lista y botones de compra.
Pues bien, tomamos ese ejemplo como base y te enseñamos a crear una tarjeta similar combinando el diseño con los módulos de Divi, y las columnas de las filas.
Si quieres ver más tutoriales premium enfocados en diseño visita nuestra nuestra categoría de “Diseño” en los tutoriales premium.
Resultado:
Al final tendremos un resultado como este:
Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.
¡Enhorabuena por este tutorial, algo así implementaré en mi página web!
En cuanto a la atribución de los iconos, en qué lugar de la página web hay que añadir la atribución al autor? O mejor dicho, ¿en qué lugar lo colocas tú?
Enhorabuena por vuestro trabajo, un saludo.
Regularmente yo coloco la atribución en los términos y condiciones de mi web, o en ocasiones en un artículo de blog. Depende del contenido para el que lo use.
Jefferson este archivo se sube por biblioteca?, porque lo hago y no me deja
hola Oliver, si no lo puedes cargar a la biblioteca es porque se exportó directo de la página, así que puedes intentar importarlo directamente a la página. Este es el ejemplo: https://snipboard.io/bHt3YK.jpg
Buenos días, profe, en el caso que le quiera dar la opción agregar al carrito de compras tengo que instalar woocommerce
Hola Luis, así es, debes tener configurado Woocommerce.
Saludos Jefferson, excelente tutorial. Una pregunta: ¿Se puede hacer en carrusel para 5 tarjetas?, es decir, que con unas flechas se pueda rotar para ver los otros 2 proyectos.
¡Claro José Daniel! El diseño lo logras con este tuto, y el carrusel te sale con este otro tuto: https://uxdivi.com/tutorial-premium/como-crear-tarjetas-de-contenido-con-swipe-horizontal-en-divi
Muchas gracias.