Nuestras promociones de aniversario se acaban en:  

Día(s)

:

Hora(s)

:

Minuto(s)

:

Segundo(s)

Seleccionar página
s

Contenido Premium

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

¿Quieres acceder únicamente a los Tutoriales Premium y Webinars? Suscríbete por solo US$6/mes a nuestro plan LITE y ten un acceso SOLO a estos contenidos. Nota: el plan Lite no te da acceso a los cursos.

Crear un footer personalizado con el Theme Builder de Divi.

En este vide tutorial premium aprenderemos a crear un footer personalizado con el Theme Builder de Divi.

Profesor: Jefferson M.

Publicación: 23 marzo 2020

En este video tutorial premium aprenderemos a crear un footer personalizado con el Theme Builder de Divi. Estoy completamente seguro que estás cansado o cansada de depender de plugins adicionales para hacer un pie de página decente en tu sitio web hecho con Divi, pues bien, con la actualización 4.0 de Divi podemos usar el theme buider o generador de temas para construir un layout desde cero y que se adapte a todo el sitio web.

Una vez terminemos de crear nuestro footer personalizado con el theme builder de Divi conseguiremos algo como esto:

Footer personalizado con Theme builder de divi muestra

En el videotutorial vimos como podemos usar todos estos elementos para personalizar un footer o pie de página de manera sencilla y usando algunos de los módulos de Divi, a partir de aquí la creatividad e imaginación es el limite. Recordemos que el poder del theme builder está en que podemos crear layouts personalizados del blog, categorías, header, resultados de búsqueda, entre otros, con lo que debemos sacarle el mejor provecho posible.

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.

Recursos, Snippets y descargas

Aquí podrás descargar los recursos que usamos en el tutorial: plugins, código, snippets, layouts, .json, etc.

12 Comentarios

  1. Avatar

    Que tal Jeff! buen tutorial, porque no pudiste agregar la caja de suscripción? bueno, mejor dicho, porque no funciono?

    Responder
    • Avatar

      Esa falla del final donde no se aplican los cambios me ha pasado, hay alguna razón para que suceda eso? Tambien meto cambios a una pagina y no se aplican bien los cambios, habia pensado que era problema de la pagina de inicio nativa pero a ti te paso en otra pagina, esta muy raro y bien frustrante jajaja

      Responder
    • Jefferson Maldonado

      Fue un error de CCS estático en la instalación local donde estaba haciendo la prueba. Quitando la opción de css estático desde las opciones de constructor de Divi lo solucioné

      Responder
      • Avatar

        Excelente! justo venia a comentar que a mi los cambios se me accionaron cuando apague el servidor local, lo volví a encender y ya estaban los cambios en mi pagina, pero si ya tiene solución lo probaré, por cierto, tendrá variación el error si estoy usando XAMPP?

        Responder
        • Jefferson Maldonado

          Seguramente no hay variación pues el problema tiene que ver con Divi más que con la instalación del WordPress en un servidor local propiamente. Lo bueno es que justo estos comentarios sirven como foro para resolver este tipo de problemas que son comunes con Divi y así podamos apoyarnos en la comunidad. Gracias por compartir tu respuesta.

          Responder
  2. Avatar

    me gustaría saber si habrá mas mas diseños de pie de pagina para tener algunas guías, para mis futuras paginas web, buen tutorial.

    Responder
    • Jefferson Maldonado

      Claro que si. Pronto comenzaremos a subir layouts ya completos y personalizados que se podrán descargar desde la zona de layouts de la intranet.

      Responder
  3. Avatar

    Gracias genial el tutorial, pero necesito que el menú sea dinámico y se pueda cambiar desde el generador de menús hay alguna manera de deshabilitar el menú hamburguesa? para que se muestre los enlaces en bloque? ya que la vista en móvil sale el menú hamburguesa y rompe el diseño gracias

    Responder
    • Jefferson M.

      Hola Nico, a que menú te refieres exactamente?

      Responder
      • Avatar

        Hola Jefferson , si mira es el menú para el footer, cuando creo un menú desde el creador de menús de wordpress y lo integro con la opción de menú de divi esta opción trae unos estilos por defecto pero cuando estoy en el móvil el menú cambia a hamburguesa y no se visualiza los links al momento de abrir el menú necesito quitar la función que pone el menú hamburguesa para se muestren los links de las paginas en bloque ,dejo esta imagen para explicarme mejor https://snipboard.io/LKCn1h.jpg
        https://snipboard.io/wcrXeI.jpg
        agradezco tu ayuda

        Responder
        • Jefferson M.

          ¡Claro claro! Ya entiendo la cuestión. Mira, lo que tienes que hacer es crear una nueva zona de widget, y en esa zona colocar un widget de menú. Luego, en el constructor, en vez de meter el módulo de menú, metes un módulo de barra lateral, con dicho menú y zona de widget. Puedes ver un ejemplo de ello en esta lección de nuestro último curso: https://uxdivi.com/clases/clase-3-creacion-de-footer 😎

          Responder

Enviar un comentario

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

¡Valóranos!

¿Te han gustado nuestros tutoriales y cursos? por favor, déjanos una valoración de 5 estrellas en truspilot, nos ayudará mucho su calificación ¡Gracias!

🖐 ¡RECIBE LAYOUTS Y CHILDTHEME GRATIS! 😎

Suscribiendote a esta lista de correo, recibirás algunos de nuestros layouts premium y un childtheme para eCommerce totalmente gratis. Además te enviaremos nuestro resumen de contenidos para que siempre estés enterado/a de nuestras últimas novedades.

¡Perfecto! ¡Gracias! Pronto comenzarás a recibir nuestros recursos gratuitos