¿Qué es Divi 5? Un repaso rápido

¿Qué es Divi 5? Un repaso rápido

La versión 5 de Divi es una actualización fundamental de las tecnologías principales y la API de Divi. Se centra en mejorar el rendimiento, la estabilidad, la escalabilidad y la capacidad de ampliación. No presentará nuevas características, pero será muy rápida y abrirá increíbles oportunidades para el desarrollo de terceros.



Y no hay de qué preocuparse ya que al actualizar a Divi 5.0, no notarás muchos cambios desde la perspectiva de la interfaz de usuario. No se han centrado en añadir un montón de características nuevas en Divi 5.0. Ese no es el objetivo. A primera vista, Divi Builder se verá y funcionará de la misma manera que lo hace ahora (quizás con algunas cosas nuevas geniales aquí y allá), pero todo detrás de escena mejorará enormemente, y esas mejoras se manifestará de varias maneras significativas.

El rendimiento y la escalabilidad son el foco de Divi 5.0. En este entendido están mejorando en gran medida la agilidad de Visual Builder, la velocidad de carga de la página frontal y la capacidad de Divi para manejar diseños muy grandes y complejos.

La velocidad de tu sitio web también mejorará con Divi 5.0. Estamos reconfigurando el marco de back-end de Divi, limpiando años de deuda técnica, cambiando el formato de almacenamiento de Divi y mejorando su mecanismo de renderizado. Esta nueva versión de Divi podrá procesar configuraciones de diseño mucho más rápido.

Uno de los mayores cambios que vendrán con Divi 5.0 es la migración de los códigos cortos (Shortcodes) a un formato de almacenamiento más moderno y esto trae los siguientes beneficios:

  • Permitirá un procesamiento más rápido y optimizado de tus páginas Divi y todas tus configuraciones de diseño.
  • Dará como resultado menos errores debido a la complejidad involucrada en la forma en que los códigos abreviados y los atributos de los códigos abreviados se anidan en el contenido de la publicación.
  • Facilitará la creación de un sistema para habilitar el contenido de manera anidada (como filas dentro de filas).
  • Lo más importante es que este cambio alineará a Divi con el futuro de WordPress, que está evolucionando en una nueva dirección.

La nueva API del Divi Builder

Probablemente la parte más emocionante de Divi 5.0 es un cambio de paradigma en la forma en que se ha abordado su desarrollo. Se abre un abanico de nuevas posibilidades para los desarrolladores de terceros. El nuevo Divi Builder será completamente personalizable. Los desarrolladores podrán usar la API de Divi para crear lo que quieran. Los desarrolladores no solo podrán crear módulos nuevos y sorprendentes, sino que también podrán crear nuevos tipos de configuraciones y características completamente nuevas.

Para entender la diferencia entre la API Divi actual y la API Divi 5.0 hagamos una comparación entre ambas.

Imaginemos que el Visual Builder es una casa. Se construyó y fue grabada en piedra. Más adelante, se le dio la oportunidad a las personas de construir sus propios módulos o, en el caso de esta analogía, la capacidad de personalizar su casa. Dado que la casa ya estaba grabada en piedra, las formas en las que se podía personalizar eran limitadas, pequeñas y específicas. Ellos clavaron un clavo en una pared y dijeron: “Aquí hay un lugar donde puedes personalizar. Puedes colgar un cuadro de ese clavo, solo asegúrate de que el cuadro sea del tamaño correcto y que haya un alambre que sea compatible con el clavo del que cuelga”.

Eso estaba bien y funcionaba bien tomando en cuenta las alternativas del mercado, pero no daban mucho espacio para la innovación y las ideas novedosas estaban obstaculizadas por la estructura rígida de la API actual de Divi.

En la nueva versión de Divi Builder, no solo nos brindarán el clavo en la pared. Nos darán los planos, la madera, el martillo y los clavos. En la versión actual de Divi Builder, podrás colgar tus propias imágenes en la pared. En la nueva versión de Divi Builder, podrás remodelar la planta baja o incluso agregar un segundo piso.

A que suena increíble!

Calendario de lanzamiento de Divi 5

El lanzamiento de Divi 5 se encarará de manera muy diferente a cualquier versión anterior de Divi. Esto se debe al alcance del proyecto y la naturaleza ágil de su proceso de desarrollo.

Divi 5 se lanzará en cinco fases. Con cada nueva fase, el producto se volverá cada vez más completo y alcanzará a una mayor parte de la comunidad de Divi.

A medida que se acerque la publicación de la fase beta pública, es probable que quieras crear tus nuevos sitios web con la versión 5 dadas las características que pueden faltar en la versión actual. Echemos un vistazo a las cinco fases de Divi 5:

Fase 1: Dev Alpha:

En esta versión de Divi 5, la nueva API estará casi terminada y una parte moderada de las funciones de Divi se habrán desarrollado en la nueva API. Esta fase será puesta a prueba por desarrolladores que darán su opinión sobre la nueva base de Divi y para ello tendrán que llenar un formulario y solicitar acceso.

Fase 2: Dev Beta:

en esta versión de Divi 5, la API estará terminada y una gran parte de las funciones de Divi estarán listas. El equipo de Divi seguirá trabajando con la comunidad de desarrollo para solucionar cualquier error relacionado con la API.

Fase 3: Alfa Pública:

En esta fase, la API estará finalizada y la mayoría de las funciones de Divi se habrán desarrollado sobre la nueva base. Faltarán algunas funciones, pero la mayoría de las funciones y módulos principales de Divi estarán disponibles. En esta fase, se invitará a una gran parte de la base de clientes de Elegant Themes a probar Divi 5.

Fase 4: Beta Pública:

En esta fase, el 100 % de las funciones de Divi se habrán desarrollado sobre la nueva base de Divi 5. Se habrán corregido todos los errores encontrados durante la alfa pública y continuarán respondiendo a los comentarios a medida que se implemente la versión beta para toda la comunidad Divi.

Fase 5: Lanzamiento Oficial:

En esta fase, se lanzará oficialmente Divi 5 como una actualización normal en el panel de control de WordPress. Todos podrán actualizarse a Divi 5 sin ninguna interrupción en sus sitios web.


Cómo obtener acceso a Dev Alpha

Las dos versiones iniciales de desarrollo (incluida la versión actual) serán lanzamientos limitados disponibles para los creadores activos de Divi, como los que se encuentran en Divi Marketplace. Permitirá a los creadores ponerse al día con la nueva API de Divi para que puedan comenzar a hacer la transición de sus productos y trabajar en nuevas funciones que pueden estar listas para usar cuando Divi 5 se lance al público.

La versión Dev Alpha es una versión limitada de Divi 5 con una versión relativamente completa de la API. Le faltan características. No está destinada a ser utilizada. Sin embargo, la base es sólida, y el equipo de Divi se nutrirá de los comentarios y participación de la comunidad.

Si eres un creador activo de Divi (lo que significa que has desarrollado tus propios módulos o funciones de Divi) y deseas acceder a Dev Alpha, completa este formulario para solicitar acceso.

Estén atentos a las actualizaciones mensuales


Divi 5 es un gran proyecto fruto del esfuerzo de dos años de trabajo. Una vez que el equipo haya progresado a través de las versiones de desarrollo iniciales, abrirán Public Alpha y Public Beta a partes más grandes de la comunidad para probarlo y asegurarse de que todo esté en óptimas condiciones antes del lanzamiento final.

Divi: Cómo usar un encabezado diferente en la página de inicio

Divi: Cómo usar un encabezado diferente en la página de inicio

El encabezado es una de las partes más llamativas de tu sitio web, y es la zona de tu página que todos tus visitantes ven cuando cargan tu página. 

Por ese motivo y por estar como elemento fijo en toda nuestra web el encabezado puede adquirir un valor añadido cuando nuestra plantilla nos permite modificarlo de acuerdo al contenido de cada página a la que dirige.

En pocas palabras podemos intentar canalizar y convertir a tus visitantes en clientes o consumidores o a mostrar tu portafolio de trabajos con un diseño único que los atraiga y les haga querer explorar más o tener una relación contractual contigo. 

Con eso en mente, quiero mostrarte lo fácil que nos lo pone Divi, para usar un encabezado diferente en la página de inicio y así conseguir que tu sitio pueda funcionar a su nivel óptimo.

Cómo definir un encabezado diferente en la página de inicio

Para hacer esto, usaremos la herramienta Theme Builder de Divi que puedes encontrar en el panel de administración de WordPress en  Divi – Theme Builder . 

En este apartado encontrarás las plantillas que por defecto vienen diseñadas y al clicar el iconito del lápiz ✏ verás que te permite rediseñar o modificar la estructura del encabezado, el cuerpo y el pie a nivel global en todo tu sitio. Por otro lado con el botoncito de la papelera podrás borrar la plantilla y con los 3 botones se te desplegaran otras acciones que afecten al diseño de manera global

¿Cómo asignar una plantilla personalizada al encabezado global?

Al cargar el Theme Builder por primera vez, verás algo similar a la imagen de abajo. Para comenzar el diseño de tu web simplemente clica en cualquiera de las casillas vacías y carga o crea el diseño para su sitio.

Verás los recuadros en verde cuando tu sitio tenga diseños globales ya asignados. Esto significa que todas y cada una de las páginas y publicaciones de tu sitio tendrán el mismo diseño de encabezado, pie de página y cuerpo. Desde la página de inicio hasta las publicaciones del blog. 

A continuación te guiaré a través de los pasos que debes seguir para eliminar la página de inicio de la configuración global.

1. Crear una nueva plantilla de Theme Builder

Lo primero que debes hacer es crear una nueva plantilla para la página de inicio. Esto se hace haciendo clic dentro del cuadro Agregar nueva plantilla .

Cuando se desglose el menú, marca la casilla junto a Página de  inicio. A continuación clica en el botón azul Crear plantilla.

2. Deshabilitar el nuevo encabezado global

Cuando aparezca la nueva plantilla que acabas de crear, es posible que observes que tienes habilitados los diseños globales de encabezado, pie de página y cuerpo. Si es así, deberás desactivarlos.

Para hacerlo clica sobre los 3 puntitos  en la nueva  plantilla de página de inicio que creó y luego en el menú contextual desplegado selecciona Desactivar globalmente.

También puedes seleccionar Eliminar en este menú para comenzar desde cero con el encabezado de la página de inicio, ya sea cargándolo desde la biblioteca, cargando un archivo JSON o diseñando desde cero.

3. Diseñar o configurar el nuevo encabezado

Cuando hayas deshabilitado el aspecto global del encabezado, verás que la plantilla de la  página de inicio ahora tiene una sección etiquetada Encabezado personalizado. Este sigue siendo el mismo diseño que el encabezado global, solo que ahora no está vinculado a todo el sitio.

En este punto, tienes varias opciones para colocar un diseño de encabezado diferente en la página de inicio.

a) Diseña un encabezado completamente nuevo

Para esta opción, solo necesitas hacer doble clic en la sección Encabezado personalizado. Si lo haces se abrirá el Divi Visual Builder.

Una vez ahí puedes editar este diseño de encabezado a tu gusto. Desde un cambio simple como añadir un gif animado o una (CTA call to action) caja de llamada a la acción hasta cambiar los colores o detalles específicos pero manteniendo el diseño global.

O por el contrario, comenzar desde cero y darle a tu página de inicio un encabezado completamente diferente del resto de las publicaciones y páginas que usan la plantilla global.

b) Carga un encabezado prediseñado

Otra opción a la mano es optar por cargar un encabezado ya diseñado. Para esto, las características de portabilidad de Divi Theme Builder te permiten exportar e importar diseños y plantillas completas como archivos con la extensión «JSON».

Para cada uno de los diseños gratuitos que Elegant Themes publica regularmente, también publican un diseño de encabezado / pie de página descargable directamente en su blog.

Si ingresas al Divi Theme Builder y haces clic en el  ícono de doble flecha en la esquina superior derecha del tablero, abrirás las opciones de importación / exportación.

Para subir una plantilla a tu web clica en la  pestaña Importar y ubica el archivo JSON para el diseño que deseas importar. Desmarca las casillas y clica el botón azul de Importar Plantillas Divi Theme Builder.

A continuación, aparecerá una plantilla sin asignar. Puedes arrastrarla y soltarla en la casilla del encabezado en la plantilla de página de inicio existente. Si aún no has creado una  plantilla de página de inicio, puedes asignar esta plantilla en particular a la página de inicio como en el paso anterior.

Además, también puedes hacer clic con el botón derecho en el encabezado recién importado y elegir Copiar en el menú contextual y pegarlo en el lugar Agregar encabezado personalizado asignado a la página de  inicio.

Otra opción sería simplemente hacer clic en el bloque Agregar encabezado personalizado para abrir un menú contextual adicional. A continuación, deberías ver una sección Copiar desde plantilla en el menú y puedes seleccionar la plantilla existente que deseas duplicar.

También puedes elegir Agregar desde la biblioteca. Esta opción en particular extraerá de la Biblioteca Divi y no del Generador de temas en sí. Lo que significa que cargarás los diseños que hayas creado con Divi Builder y se hayan guardado en la biblioteca Divi.

4. Acabado

El Divi Theme Builder te brinda un control total sobre el diseño de tu sitio web, eso significa que puedes configurar tu página de inicio para mostrar cualquier encabezado que elijas. Incluso si tienes un diseño de encabezado global establecido para su sitio web, puedes separar tu página de inicio de la plantilla global. Ya sea que necesites cambiar solo un elemento para la página de inicio o si deseas rediseñar por completo esa área solo para la página principal.

¿Qué utilidad encuentras a poder cambiar el encabezado de tu página de inicio?