Ahorra hasta 20% OFF en nuestro Planes y Cursos

Día(s)

:

Hora(s)

:

Minuto(s)

:

Segundo(s)

Solo durante:

Ahorra hasta 20% OFF en nuestro Planes y Cursos

Seleccionar página

Crear tarjetas personalizadas de menús o recetas con Divi

En este vídeo tutorial premium te enseñaremos a crear o diseñar tarjetas personalizadas para Menús, recetas (o lo que quieras) con Divi.

Profesor: Jefferson M.

Publicación: 16 diciembre 2020
Categorías: Diseño | Tutorial Premium

Contenido Premium

Puedes acceder a este y otros +700 contenidos suscribiéndote en cualquiera de  nuestros planes o accediendo con tu cuenta.

En este vídeo tutorial premium 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 premium.

9 Comentarios

  1. gonzalo mosquera

    ¡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.

    Responder
    • Jefferson M.

      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.

      Responder
  2. Oliver Sanchez

    Jefferson este archivo se sube por biblioteca?, porque lo hago y no me deja

    Responder
    • Jefferson M.

      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

      Responder
  3. Luis Daniel Mendoza

    Buenos días, profe, en el caso que le quiera dar la opción agregar al carrito de compras tengo que instalar woocommerce

    Responder
    • Jefferson M.

      Hola Luis, así es, debes tener configurado Woocommerce.

      Responder
  4. José Daniel Castro Ocampo

    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.

    Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¡40% + 10% OFF en nuestro lanzamiento!

Apúntate y te avisaremos cuando esté publicada nuestra nueva plataforma uxdivitemplates.com. Te regalaremos un cupón ÚNICO de descuento del 10% adicional a los descuentos de lanzamiento.

¡Gracias! Te avisaremos cuando publiquemos nuestra plataforma y te enviaremos el cupón de descuento único por estar en esta lista.