single.php

Divi Builder: De un editor de texto al último Page Builder

Han pasado más de 10 años desde el lanzamiento de WordPress y los primeros blogs hechos con esta plataforma hasta las páginas hechas con un Page Builder. En 10 años internet en si ha cambiado, se ha convertido en social, nos conectamos a todas horas y en multiples dispositivos, desde tablets a relojes, nuestra forma de consumir el contenido ha cambiado, y la forma de mostrarlo, las páginas webs también.

Hoy en día las páginas que encontramos en internet no tienen nada que ver con las páginas de antaño, apenas un sólo archivo HTML estructurado en tablas. Un ejemplo al que le guardamos mucho cariño y que ha cumplido más de 20 años es la web oficial de la película Space Jam

Podemos entender fácilmente entonces, que las páginas tampoco las hacemos con los mismos procesos.

WordPress y los CMS

WordPress es un CMS (Content Manager Sistem), y con el tiempo se ha convertido en el más usado de Internet. Apareció, al igual que sus principales competidores (Joomla y Drupal) a principios del 2000. Servía básicamente para poder gestionar un blog, con capacidades muy limitadas para cambiar los estilos visuales. Sin embargo, con el tiempo wordpress fue mejorando y mejorando hasta su inevitable triunfo.

Como podemos ver, sobre el 2010, WordPress se mantiene, Drupal y Joomla….caen en picado. Internet evolucionó y tener una web ya no era suficiente, había que empezar a posicionarla, tenia que verse bien en un móvil, cargar como el rayo…

En este escenario. WordPress, su comunidad de desarrolladores y sus plugins se adaptarón rapidamente . Es esa epoca cuando aparece la verdadera revolución de cara al usuario: los Page Builers.

Page Builders: De Visual Composer a Divi Builder

Primero entendamos que es un Page Builder, para ello, mejor con una imágen que mil palabras

Esto es el proceso habitual de una página sin Page Builder, tenemos una caja de contenidos con lo que llamamos WYSIWYG (What You See Is What You Get), lo que ves es lo que optienes, un editor de texto que nos permitirá poner negritas, listados, titulares etc. Es lo que perduró en wordpress durante muchos años. Y a continuación:

Esto es una página con Page Builder, con una interface de modulos con “cajitas”, nos permite editar complejos diseños, con imágenes de fondo, columnas, pequeñas animaciones etc. Todo ello sin necesidad de tocar una sola linea de código.

El mostrado en el ejemplo es Divi Builder, la joya de la corona de Eleganthemes, pero no siempre fuerón así. Al inicio apareción Visual Composer, un constructor similar, pero aun guardando muchos paralelismos con el “código”, siendo necesario invertir muchas horas en la construcción y no cumpliendo del todo su función, la que el usuario de la web, no su desarrollador pudiese modificar mucho más que el texto.

Hoy en día hay multiples Page Builders entre los que destacan Beaver Builder, Elementor, Themify Builder… más una larga lista de constructures propios para un tema u otro.

Divi Visual Builder: Construyendo a tiempo real

Hace relativamente poco, Eleganthemes rizo el rizo lanzando un constructor visual pudiendo modificar tu página o diseño viendo literalmente el lo que estás haciendo. Otros lo han intentado antes, pero hasta la fecha no habiamos encontrado un constructor visual a este nivel.

¿No te lo acabas de creer? Pruebalo tu mismo, en el siguiente enlace tienes un ejemplo en vivo y en directo:

Mitos y confusiones

Aun existen detractores del uso de los Page Builders, como lo existen de la publicidad o de las vacunas. Vamos a aclarar un par de cosas.

Los builder hacen que la página vaya más lenta

Es cierto que cualquier plugin constructor o tema que uno un builder pesa mucho más (ocupa más espacio en el servidor) que una página sin ello. Esto no implica que la página vaya más lenta al cargarse, los builders modernos generan un código increiblemente optimizado.

Se puede hacer lo mismo a mano

Cierto, también podemos montar un mueble con un destornillador convencional o con un destornillador electrico.

Las licencias de estos plugins son muy caras

Elementor, es un muy buen builder y es gratuíto. Las licencias de Divi o Visual Composer son de pago, pero hacer lo mismo en código, implicaría muchisimas horas de programación, con lo que al final, el coste de la licencia queda compensado.

Si todo se hacer un Builder, ya no necesito a un desarrollador

El builder nos ayudara a la estética de tu página y a facilitar la creación de páginas internas, añadir efectos como el “Paralax” etc. No nos creara un menu que se vea bien en móvil, ni un formulario que dirija a una página de agradecimiento.

¿Y tú, qué PageBuilder vas a utilizar en tu WordPress?

Como ves, editar tu WordPress puede ser una tarea sencilla e incluso creativa. Con un buen ChildTheme de partida y un Page Builder las opciones de personalización y creación de contenidos son ilimitadas. Sólo necesitas conocer los puntos fuertes y las limitaciones de tu herramienta y planificar con cariño los bloques de contenido

Como siempre, si necesitas ayuda o quieres que te aconsejemos sobre la compatibilidad de un PageBuilder en tu WordPress, sólo tienes que enviarnos un comentario.

Este sitio web utiliza cookies propias y de terceros con el fin de obtener información estadística sobre la base de los datos de navegación de los visitantes. Si continúas navegando entendemos que aceptas su uso y, en caso de no aceptar su instalación, deberás visitar el apartado de Política de Cookies , donde encontrarás la forma de eliminarlas o rechazarlas. ACEPTAR
Aviso de cookies