Hoy te presento las nuevas Máscaras de fondo y Patrones de fondo para Divi, dos configuraciones de diseño completamente nuevas que permiten crear una amplia gama de nuevos efectos visuales al combinar colores, degradados, imágenes, videos, máscaras y patrones utilizando una nueva interfaz simple.
Si necesitas ayuda con Divi entra en mi Curso de Divi con mis soporte y yo mismo te ayudo. O si prefieres, empieza por mis Cursos Gratis. Y ahora, vamos al lío…
Las máscaras de fondo funcionan ocultando/mostrando los colores de fondo, degradados, imágenes y videos; dejando que solo esos elementos se muestren a través de la máscara para crear nuevas formas.
Las máscaras se construyen con SVG, por lo que son súper nítidas, livianas y se ajustarán automáticamente al tamaño de sus elementos.
Elige entre 23 máscaras únicas
Divi viene con una amplia gama de máscaras maravillosas para elegir. Las máscaras también se pueden girar, rotar e invertir para crear diferentes variaciones.
¡Con unos pocos clics, puedes convertir un diseño aburrido en uno realmente divertido!
Las máscaras de fondo se pueden aplicar a cualquier elemento, incluidos módulos, columnas, filas y secciones.
¡Voltea, gira, invierte, cambia la orientación, ajusta el tamaño y más!
No solo puedes elegir entre 21 máscaras, sino que cada máscara también se puede personalizar para crear diferentes variaciones.
Al voltear, rotar e invertir máscaras, puedes crear fondos de una manera que tenga sentido para el contenido que estés diseñando.
También puedes elegir entre diferentes orientaciones (retrato, paisaje y cuadrado) y, hay opciones de ancho, alto y alineación por si necesitas un control preciso.
Además de ajustar la forma de las máscaras, también puedes ajustar el color y modo de fusión.
En lugar de ocultar el fondo por completo, puedes usar los modos de fusión para permitir que los fondos y máscaras se mezclen para crear algunos efectos nuevos e interesantes.
Introducción a los patrones de fondo
Las máscaras de fondo se pueden combinar con patrones de fondo. Los patrones se ubican sobre los colores de fondo, los degradados y las imágenes, y debajo de las máscaras.
Los patrones se superponen al fondo y se pueden usar para agregar texturas a la página.
TRUCO: Al usar gradientes, patrones y máscaras de fondo, a menudo puede renunciar por completo al uso de imágenes de fondo, lo que da como resultado fondos más rápidos y de mayor resolución que se pueden construir desde cero dentro de Divi. Estas dos nuevas opciones realmente abren un nuevo campo de posibilidades.
Elige entre 24 patrones únicos
Divi viene con 24 patrones diferentes para elegir. Los patrones se pueden voltear, rotar e invertir para crear variaciones adicionales. También puedeS ajustar el color y el modo de fusión de los patrones. Cada modo de fusión afectará los colores de fondo, los degradados y las imágenes de diferentes maneras.
¡Combina imágenes, degradados, patrones y máscaras!
Divi ahora viene con una gama bastante impresionante de opciones de fondo que incluyen colores, degradados, imágenes, videos, máscaras y patrones.
Todas estas opciones se pueden superponer y combinar de diferentes maneras para crear nuevos tipos de diseños. También puedes elegir entre un puñado de diferentes módulos de mezcla, ajustar colores, cambiar tamaños y más.
Ya en mi Curso de Academias Online, avisaba yo a mis alumnos, que la forma de vincular el curso y el producto con Sensei, para que solo puedan ver tus cursos, los alumnos que habían pagado, tenía que cambiar, porque no era algo intuitivo.
Pues, al fin, ¡ese cambio ha llegado!
Ahora vincular curso con producto de WooCommerce, es mucho más intuitivo. Veamos cómo se hace ahora.
Índice del artículo
Cómo se vinculan curso y producto con Sensei LMS 3.13
a. Desde el Producto de WooCommerce
Desde la versión 3.13 de Sensei LMS ahora se pueden vincular también desde la página del productode WooCommerce, ¡que es mucho más lógico!
Esto implica crear primero los cursos y luego los productos, y ahora puedes vincularlos sin tener que salir de la página del producto WooCommerce:
Vincular cursos a un producto en la página del producto
b. Desde el Curso de Sensei
O, si prefieres crear productos primero y luego cursos, también puedes vincularlos en la página del curso desde la sección Precios de la barra lateral (ahora mucho más visible e intuitivo que antes) o el bloque Tomar curso :
Sección de precios en la barra lateral del cursoVincular productos a un curso del bloque Realizar curso
Pero la version de Sensei LMS 3.13 incluye más mejoras…
Han agregado una página de Curso completado que se muestra inmediatamente después de que el alumno termina la última lección. Esta página los felicita por completar el curso, proporciona algunos pasos siguientes y muestra sus resultados:
¡Y la mejor parte es que puedes personalizar esta página como quieras! Tú podrías:
Hacer promoción cruzada o venta cruzada de otros cursos para generar más ingresos
Solicitar testimonios a través de un formulario de evaluación del curso
Solicita una revisión del curso
La forma más sencilla de crear esta página y comenzar a usarla de inmediato es volver a ejecutar el asistente de configuración desde la pestaña Ayuda en la página Cursos :
Iniciar el asistente de configuración
Puedes crear productos desde el editor de cursos
Además… En WooCommerce Paid Courses 2.5.0, han agregado la capacidad de crear un producto WooCommerce desde el editor de cursos. Es decir, ya puedes hacer todo el proceso desde Sensei LMS.
Y, después de crear su producto, se vincula automáticamente al curso. ¡Pan comido!
Para agregar un producto desde Sensei LMS, busca la sección Precios en la barra lateral del curso :
Vínculo “Crear un nuevo producto” en la barra lateral del cursoCrear un producto nuevo desde la barra lateral del curso
O, si estás utilizando el bloque de registro del curso (anteriormente conocido como el bloque Tomar curso ), puedes crear un producto a partir del modal de precios:
Enlace “Crear un nuevo producto” en el bloque de registro del cursoCrear un nuevo producto desde el bloque de registro del curso
¿Quieres crear una página web profesional gratis? Estás en el lugar adecuado. Hoy, en pocos minutos vas a aprender a crearla paso a paso.
Te adelanto lo que vas a necesitar y verás como puedes tener todo GRATIS (salvo el dominio pero es justo lo más barato):
Necesitas un hosting para alojar la web: Yo te recomiendo sin duda PROFESIONALHOSTING, por su calidad, velocidad, seguridad y soporte.
Además con este cupón: FORMACIÓN podrás tener el hosting 100% gratis durante 3 meses. Es el ideal para probar. Y si quieres hacer una web para futuro usa este otro cupón: AMIGOPH y tendrás un descuento del 75%
Necesitas comprar un dominio: Esto es fundamental si quieres tener un dominio propio y no es nada recomendable usar dominios gratis. Pero tienes dominios como los .online que están desde 2,5 euros al año. Es decir, casi gratis.
Necesitar un Programa para Crear Webs: El programa Nº1 del mundo es WordPress y si usas la versión WordPress.org (y no WordPress.com) es GRATIS. Solo tienes que instalarlo en tu Hosting tal y como explico en el vídeo de más abajo.
Necesitas un Tema de WordPress: Yo recomiendo 2, uno se llama ASTRA y es gratis, Y el otro se llama Divi y cuesta 199 dólares pero en mis cursos puedes descargarlo gratis.
Necesitas un maquetador: Esto es importantísimo para diseñar las páginas de la web de forma sencilla. Te recomiendo 2: Gutenberg que es gratis y viene con WordPress sin que tengas que instalar nada y Divi, que en caso de que hayas instalado el Tema Divi, ya no tienes que instalar nada porque viene con el maquetador integrado.
En el caso de usar Gutenberg te recomiendo instalar el plugin gratuito Starter Templates para poder usar plantillas con diseños ya creados y que te ahorren muchas horas de trabajo.
¿Por qué el Tema Divi de Elegant Themes es tan bueno?
La respuesta la encontramos en su sencillez y su flexibilidad. Estas son dos de las grandes palabras que resumen el éxito de Divi. A diferencia de otros temas de WordPress en los que necesitarás saber CSS o PHP si quieres hacer que tu web sea distinta y única, con Divi podrás hacer webs espectaculares sin tocar una línea de código.
Existan otros temas muy buenos en WordPress pero para los que no somos programadores tienen la desventaja de que si no sabes código tendrás que usar una plantilla y cuando navegues por internet verás otras cientos de webs muy similares a la tuya. Las de toda esa gente que usa la misma plantilla. Con Divi no te pasará eso porque podrás diseñar muy a medida y podrás hacer miles de personalizaciones de forma sencilla. Tu página web se parecerá a lo que tu quieras que se parezca, a donde te lleve la imaginación, no a la plantilla que has elegido.
¡Que no te engañen! Divi es el Tema Más Instalado de WordPress en el mundo ¡¡¡Por delante incluso de los gratuitos!!!
¿Para quién es recomendable usar el tema Divi de Elegant Themes?
Divi es especialmente recomendable para personas que vayan a querer montar su negocio y necesitan tener una webbien posicionada y que a su vez genere confianza en todos los que la visiten porque de imagen de calidad.
Altamente recomendable para:
Personas sin conocimientos de diseño web
Personas que quieran hacer una web corporativa, tienda online, academia online, etc.
Negocios locales que quieran crear su web facilmente
Personas que quieran una web de mucha calidad en poco tiempo
Personas que quieran poder autogestionar su web
Diseñadores web que quieran dar calidad a sus clientes sin perder tiempo
En mi caso, yo desde que conocí Divi no uso otros temas. Divi tiene todo lo que necesito y puedo hacer diseños espectaculares que dejan fascinados a mis clientes sin necesidad de aprender programación. Aquí podéis ver algunas de mis más de 200 webs diseñadas.
Por tanto, si eres freelance o tienes una pyme o quieres montar una tienda online o eres diseñador gráfico y web y no eres programador Divi es tu solución.
Hay muchos programadores que también usan Divi por su potencia, pero ellos además podrían usar otros temas o plantillas de WordPress que requieren conocimientos más técnicos.
Si tienes unos minutos, desconecta el móvil y hoy vete a dormir sabiendo como se diseña una web desde cero con Divi. Aquí te dejo el vídeo que han visto ya muchos miles de personas, a disfrutarlo:
¿Dónde comprar y descargar Divi? Lo que debes saber sobre la Licencia de Divi
Aquí te explico todo lo que necesitas saber antes de comprar el Tema Divi de WordPress
¿Cómo multiplicar tus ingresos gracias a Divi?
Divi te puede ayudar a ganar más dinero con tu página web ya que te va a permitir crear landings o páginas de venta que te permitan ganar más dinero en menos tiempo.
Desgraciadamente hay muchos blogs por ahí que dicen lo contrario y me da cierta pena leer algunas cosas porque algunas al no ser muy precisas acaban desinformando a la gente.
La velocidad de carga es algo que valora mucho Google y por eso los temas deben ser ágiles. Pues bien, hay comparativas por internet que comparan Divi con otros temas pero no son del todo justos porque comparan temas en los que luego necesitarás instalar plugins si no te quieres tirar de los pelos tratando de diseñar páginas bonitas.
Es decir, comparan un tema “vacío” con Divi que trae su propio “maquetador visual de páginas” que por cierto es una maravilla. Y luego, en esos temas cuando instalas todos esos plugins que van a necesitar porque esas funcionalidades no vienen incluidas como en el tema Divi de Elegant Themes, te encuentras que ya no hay diferencias.
Bueno, como decía, te lo voy a demostrar en este vídeo y lo que te demostraré es lo siguiente:
El Tema Divi es rápido y le gusta a Google.
Es tan rápido como otros temas famosos por su velocidad como Genesis
Verás muchas páginas en 1º página de Google con Divi
Aprenderás cómo optimizar Divi al máximo
¿Divi theme es fácil de posicionar en Google?
La respuesta es Sí y también te lo voy a demostrar.
Aquí pasa como con todo, resulta más fácil para los que más conocimientos tenemos de posicionamiento en Google. Pero Gonzalo… ¿y si no tengo conocimientos? Si no tienes conocimientos te va a costar posicionar uses el tema Divi o uses el que uses.
Si diseñas bien la web puedes llegar a posicionarla en Google “sin hacer nada”
Aquí te muestro muchas de las páginas que he posicionado en las primeras posiciones de Google con Divi theme de ELegant Themes:
¿Puedo usar Divi en otros temas de WordPress?
La respuesta vuelve a ser Sí y también te lo voy a demostrar.
Hace ya mucho tiempo, allá por 2015, en Elegant Themes sacaron el plugin de Divi. Esto significa que si usas el Tema Divi en tu página de WordPress y dentro de unos años o cuando sea quieres cambiarte a otro tema podrás hacerlo sin problema importando el plugin al nuevo tema, sea cual sea, e importando en cuestión de segundos todos los diseños que hayas hecho en tus páginas con Divi.
Veo miles de personas desinformadas con esto y me da mucha pena.Hay videos en internet con miles de visitas de gente muy buena, muy crack, muy preparada, pero con videos desactualizados que hacen creer a la gente que si usan Divi y quieren cambiar de tema perderán todo. Sé que esa desinformación no es con mala intención pero posiblemente mucha de esa gente haya usado temas más complicados y se hayan tirado de los pelos por no haber tomado la decisión que más les favorecía desde un principio.
Aquí os dejo otro vídeo, esta vez de Elegant Themes, donde explican las ventajas de que además del Tema Divi exista el Plugin de Divi:
¿Dónde encuentro descuentos, cursos, recursos…?
El Tema Divi de Elegant Themes es un tema Premium y de pago. Ahora bien, yo es la mejor compra que he hecho en mi vida casi, ya que parte de mis ingresos se deben a que puedo hacer diseños web espectaculares y ahorro muchísimo tiempo con lo que no solo acaban contentos sino que además puedo coger más clientes que antes ya que tardo mucho menos.
Aquí te dejo muchos enlaces interesantes bien para que puedas comprar Divi directamente a Elegant Themes y dispongas además de todos sus plugins, temas y de su soporte (en inglés).
Y enlaces para que puedas hacer mis Cursos de Divi en los que además te podrás descargar la plantilla Divi sin pagos adicionales y para poder usar en cualquier proyecto de por vida.Con mi Curso de Divi tienes incluido el tema Divi de forma indefinida, es decir, de por vida
Aprovecha ahora el 20% de descuento y además de Divi tendrás todos los temas, plugins, actualizaciones y soporte de Elegant Themes. Recuerda que a ese precio hay que añadir los impuestos de tu país.
Aquí es donde compro yo cositas para las webs que hago y por poco dinero consigo efectos, imágenes y plugins espectaculares que me salvan la vida y enamoran a mis clientes 😉
Este es el lugar donde encontrarás todos los plugins, plantillas, diseños y millones de cosas más para dar más potencia y versatilidad a Divi ¡una pasada!
Empezaré este artículo recomendando lo que digo siempre: Cuando haya actualizaciones importantes espera siempre 15 días al menos para actualizar.
¿Por qué? Porque si hay fallos en las nuevas versiones (ya sean de WordPress, temas o plugins) las solucionan esos días con todos los reportes que les manda la gente. Así que espera siempre un tiempo prudencial antes de actualizar para asegurarte de que ya han solucionado los posibles errores y haz siempre copia de seguridad antes.
Dicho esto, vamos al lío…
Es importante que actualices Divi a la versión 3.18+ antes de actualizar WordPress a la versión 5.0.
Si no tienes esa versión te recomiendo que actualices Divi. Si no tienes tu licencia aprovecha ahora que tienen el mayor descuento del año solo hasta el 19 de diciembre de 2018.
Si ya te vas a lanzar a actualizar WordPres 5 y Divi, te recomiendo que sigas los pasos correctos tal y como explico en este otro artículo, para evitar sustos:
WordPress 5.0 ya está aquí, y con él vienen algunos cambios muy grandes. WordPress 5.0 introduce una experiencia de edición completamente nueva. Este nuevo editor no solo reemplaza a TinyMCE, sino también a toda la página de edición de entradas. Para muchos, este cambio puede resultar negativo inicialmente.
La buena noticia es que WordPress 5.0 es compatible con Divi gracias al maravilloso trabajo de Elegant Themes.
Índice del artículo
La última versión de Divi es compatible con WordPress 5.0
Pero no solo Divi es compatible con WordPress 5.0.
Las últimas versiones de Divi, Extra, Bloom, Monarch y Divi Builder son compatibles con WordPress 5.0.
Esta versión aborda muchos problemas de compatibilidad con el nuevo editor de publicaciones de Gutenberg y te permitirá seleccionar entre Gutenberg y el Visual Builder.
Esta actualización también resuelve problemas con el nuevo sistema de meta box, que se usa para mostrar la configuración de la página Divi y las opciones de formato de publicación.
Puedes actualizar el tema y actualizar los plugins utilizando el sistema de actualización estándar de WordPress.
Divi Builder en WordPress 5.0
Usar el Divi Builder con WordPress 5.0 es un poco diferente a las versiones anteriores. Notarás que el diseño general del editor de publicaciones ha cambiado y que aparece un nuevo cuadro al crear nuevas páginas que te permitirán elegir entre Divi Builder y el editor de publicaciones estándar de WordPress. Puedes cambiar de uno a otro en cualquier momento.
WordPress 5.0 elimina el editor clásico de WordPress y el botón de Divi Builder “de bloques” (no el editor visual)
WordPress 5.0 reemplaza el Editor clásico con una experiencia de edición posterior completamente nueva.
Junto con la eliminación del Editor clásico viene la eliminación de todas las aplicaciones conectadas, como el botón de Divi Builder de bloques.
Después de actualizar a WordPress 5.0, verás que editor clásico de WordPress y el botón de Divi (también conocido como el constructor de bloques) no están por ninguna parte. Pero no te preocupes, aún puedes usarlos instalando el plugin Classic Editor Plugin. Esto deshabilitará la nueva experiencia de edición y te permitirá acceder al Divi Builder como antes.
Puedes usar el Divi Builder de bloques instalando el plugin: Editor clásico (pero no te va a hacer falta)
Si quieres seguir maquetando con el maquetador de bloques de Divi (es una pena porque con el maquetador visual se maqueta de maravilla), pero bueno, si decides instalar el plugin haz esto:
Una vez instalado, ve a Configuración> Escritura y asegúrate de que el Editor clásico esté configurado como tu editor predeterminado
Puedes desactivar Gutenberg en las opciones del tema Divi
También puede deshabilitar el nuevo editor de WordPress 5.0 (Gutenberg) y habilitar el Editor clásico dentro de las Opciones de tema Divi.
Si está utilizando WordPress 5.0 o superior, aparecerá una nueva en Divi > Opciones de tema > Builder > Avanzado.
Elegant Themes ofrece soporte para WordPress 5.0
En ELegant Themes se han esforzado en corregir errores importantes y en mejorar la compatibilidad entre Divi y WordPress 5.0 así como en sus plugins, etc., pero la historia no termina ahí.
Tienen tres etapas más en cuanto a soporte, planificadas para las próximas semanas, y las formas en que Divi se integra e interactúa con Gutenberg se harán más avanzadas y más fluidas en un futuro próximo. ?
Tanto si eres alumno mio como si no, este vídeo que te he preparado te va a gustar porque en él te explico las últimas novedades del Tema Divi de WordPress
En esta guía aclaro muchas dudas y mitos sobre Divi, como por ejemplo:
Si Divi es rápido o es lento: Te demuestro que es una bala
Si al actualizar pierdes diseños: Te demuestro que no
Te explico como encontrar recursos gratis para Divi
Te explico qué pasa si cambias de tema
y todas las dudas habituales de antes de empezar con Divi
Cómo descargar Divi “gratis”
Si quieres descargar el tema Divi para usarlo en tus proyectos no creo que lo encuentres gratis ya que es algo que tiene muchísimo valor y es un desarrollo de una maravillosa empresa llamada Elegant Themes.
Pero tienes opciones muy valiosas para, no solo descargar la plantilla Divi o mejor dicho el Tema Divi, y es por ejemplo apuntándote a alguna formación oCurso de Divi.
Normalmente los cursos incluyen las plantillas o plugins que se explican porque al apuntarte como alumno te conviertes en cliente (si es un curso de pago) y así puedes usarlo 100% legal.
Es decir, además de la formación te llevas el tema para descargar gratis y usarlo en proyectos ilimitados sin cuotas anuales ni nada.
Cómo enterarte de las últimas novedades de Divi
Si quieres que no se te pase nada, puedes suscribirte en mi web aquí y además te regalo un ebook y un curso gratis. Así estarás en mi lista de suscriptores y podré enviarte un email cada vez que haya novedades en Divi y así estarás al día.
La única manera de poder descargar todas las plantillas de Divi es comprando una de sus dos licencias.
DEVELOPER: La más barata (licencia Developer) pagas 89 dólares (algo menos en euros) y puedes descargartelas todas dentro de la biblioteca de Divi. Podrás usar Divi en webs ilimitadas. Puedes pagar solo una vez y usarlo de por vida pero a partir del segundo año no tendrás derecho a las actualizaciones.
LIFETIME: O puedes pagar la licencia Lifetime y tener todo de por vida, Divi en webs ilimitadas, plantillas, actualizaciones, etc.
1. ¿Quieres apuntarte a algún Curso Gratis o de Pago con mi soporte directo? Soy Gonzalo, cuéntame y te ayudo encantado.
2. Si eres ya alumno y tienes dudas de soporte debes escribirme a soporte@escuelaemprende.com
Resumen de privacidad
Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Cookies de terceros
Esta web utiliza Google Analytics y cookie de Facebook para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.
Dejar esta cookies activa me permite mejorar mi web y ayudarte de forma más personalizada.
¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!
