Etiqueta informativa para módulo de blog en Divi

Inicio / Tutoriales Premium / Blog Magazine / Etiqueta informativa para módulo de blog en Divi

Contenido Restringido🖐

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

Profesor: Jefferson M

  20 de abril de 2021

En este vídeo tutorial premium te enseñaremos a crear una etiqueta informativa para el módulo de blog en Divi. Esta etiqueta nos permitirá mostrar un texto personalizado en el módulo del blog de Divi en función de nuestras categorías o etiquetas personalizadas.

Puedes ver la DEMO aquí:

Objetivo de tutorial:

En este tutorial prémium te mostraremos como mostrar las etiquetas personalizadas de contenido así como las tenemos nosotros en UXDivi: “Premium” o “Gratis” con la adición de unos pequeños snippet.

Resultado:

Al final tendremos un resultado como este:

Etiqueta informativa para módulo de blog en Divi

Este es un tutorial pedido por uno de nuestros suscriptores, y como siempre, buscamos complacer y ayudar a toda nuestra comunidad.

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.

Recursos, Snippets y descargas de este tutorial:

6 Comentarios

  1. Nicolas G

    Hola Jefferson, parece que el video no corresponde al tutorial

    Responder
  2. Vicente Godofredo T

    Hola Jeff, soy incapaz de poner la “etiqueta” cuando la quiero aplicar a una TAG. Por cierto el segundo css que hay para copiar sigue poniendo la clase (.category-tucategoria:after) cuando debería de poner (.tag-tucategoria:after). Eso es lo que haces en el video.

    Pero como te comento, hago todo exactamente igual y no me sale al lado derecho la etiqueta de la TAG que quiero. Es en mi Blog de recetas (borondeando.com), me gustaría saber por qué no me funciona. Si tienes un minuto o dos por ahí y puedes intuir por qué no funciona?

    Gracias.

    Responder
    • Jefferson M

      Hola Vicente, gracias, corregimos el código.
      Ya vi la URL desde mi lado y todo parece estar bien en la categoría.
      En la etiqueta parece que no hayas aplicado el CSS o no te lo esté tomando: https://snipboard.io/yR5ShI.jpg
      ¿Seguro que lo has aplicado correctamente?

      Responder
  3. Álvaro T

    Hola Jefferson, gracias, éste tutorial me va a ser muy útil.

    Me gustaría preguntarte por una función que necesito para complementar ésto. Quiero hacer un cuadro de búsqueda en una web que va a tener varios post types… videos, audios y noticias. ¿Hay alguna forma de hacer que cada tipo de post que muestra la búsqueda tenga una configuración diferente en la superposición sobre la imagen destacada? Por ejemplo, que los videos, al pasar el ratón por encima, salga un icono de “play video”, el audio uno de “play” un poco diferente y las noticias otro icono.

    Un saludo, gracias.

    Responder
    • Jefferson M

      Que tal Álvaro, si se puede lograr a través de CSS. Abría que revisar que código exactamente aplicar, pero acá puedes ver un video de Josh Hall que da una primera impresión de más o menos lo que buscas: https://www.youtube.com/watch?v=qFCNHs1AOOA No es exacto pero te puede dar una primera idea.
      Espero que esta info te sea de ayuda. Para cualquier otra cosa, aquí me tienes 😉🖐

      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