Crear tarjetas personalizadas de menús o recetas con Divi

Inicio / Tutoriales Premium / Tema Divi / Crear tarjetas personalizadas de menús o recetas con Divi

Contenido Restringido🖐

Accede a este y otros contenidos siendo premium. ¿Aún no eres premium? Adquiere una membresía aquí ⭐

Profesor: Jefferson M

  16 de diciembre de 2020

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.

9 Comentarios

  1. gonzalo m

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

    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 M

    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 C

    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 *

Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi

Black
Friday

Accede a más de 1260 contenidos para aprenderDivi de manera profesional