El "truco" principal que me hizo interesarme en probar. constructores de páginas para WordPress, esto es una promesa de que editar y crear una página personalizada no requerirá una sola línea de código o edición manual (que es lo que suelen hacer los programadores profesionales). Para el usuario medio, esta solución resulta muy tentadora.

Hoy exploraremos lo conveniente que es utilizar complementos y creadores de páginas automatizados que le permitan editar páginas simplemente arrastrando elementos en la página (¿se hará realidad el sueño de todo blogger del planeta?)

Qué ofrecen los creadores de páginas

Algunos de los mejores creadores le ofrecen una fácil creación de páginas y formatos de publicación en los que pueden insertar fácilmente sus widgets y diversos elementos que harán que dichas páginas sean más fáciles de navegar y más atractivas para los usuarios de Internet.

Esto es lo que podría incluir una buena página de Internet hoy en día:

Todo esto se puede agregar con un par de clics del mouse a casi cualquier página utilizando un creador de páginas moderno que admita " arrastrar y soltar". Para decidir qué diseñador es el adecuado para usted, veamos toda la gama de complementos populares disponibles que le permiten resolver este problema.

1. Compositor visual

Descripción | Demostración | Precio: $25

Un complemento muy popular de Code Canyon. Este complemento tiene capacidades bastante ricas para crear y personalizar nuevas páginas en sitios web. Entre los disponibles se encuentran nada menos que 44 elementos estructurales y bloques para nuevas páginas, entre ellos:

También hay soporte para códigos cortos y para agregar sus propios elementos a la página usando Visual Composer.

Cada elemento que puede agregar a una página se puede personalizar con una variedad de opciones. Es cierto que este diseñador también tiene un "menos": dedica demasiado tiempo personal a sintonia FINA. Por lo tanto, necesitará mucha atención y cuidado al seleccionar opciones personalizadas. Es adecuado para crear una página de inicio con personalización avanzada del contenido principal.

2. Creador de temas elegantes

Enchufar Generador de arrastrar y soltar de Temas elegantes es otra herramienta muy flexible que se puede utilizar con absolutamente cualquier tema de WordPress.

Una vez instalado, este complemento le brinda conjunto de diferentes botones en el editor de páginas, que le permiten implementar varias funciones en la página y configurar varios parámetros de widgets y bloques. La edición aquí es posible simplemente arrastrando y soltando elementos.

Los principales elementos que se pueden agregar usando este complemento son:

• Columnas para dividir la página verticalmente.
• Controles deslizantes para publicaciones e imágenes para mostrar tu mejor trabajo
• Pestañas para administrar la página y publicar diversos contenidos.
• Botones atractivos para mejorar las tasas de clics y la participación en la página.
• Mensajes emergentes, información sobre herramientas y texto para mostrar en la página.

Este complemento es ideal para quienes crean páginas de inicio con un nuevo tipo de diseño basado en el motor de WordPress. También se puede utilizar para diseñar páginas internas de un sitio web personal.

3. Creador de contenido

Un buen complemento con edición sencilla de arrastrar y soltar.

Descripción | Demostración | Precio: $16

Después de la instalación se agrega nuevo panel menú en el editor de publicaciones, y allí puede cambiar entre diferentes modos de edición.

Características principales al diseñar nuevas páginas:

• Cree pestañas y widgets para separar el contenido de páginas y publicaciones
• Configurar la visualización de contenido en páginas usando un diseño de varias columnas
• Agregar mapas de Google a una página en un widget especial
• Fácil inserción de videos en páginas simplemente agregando URL de videos en los sitios de alojamiento de videos Vimeo o YouTube
• Crear galerías y agregar colecciones de imágenes.

El complemento es bastante fácil de usar y tiene una serie de buenas " papas fritas" para ampliar las capacidades del editor estándar para publicaciones de WordPress.

Si no te gustan demasiadas opciones y quieres un creador de páginas básico, entonces este complemento es para ti.

4. Generador de contenido de éter

Este es otro complemento pago para trabajar con páginas nuevas arrastrando y soltando.

Adecuado para desarrolladores que crean páginas principales e internas de sitios web y realizan ediciones en temas personalizados de terceros para WordPress.

Descripción | Demostración | Precio: $30

Viene con el complemento 20 widgets+ opciones para agregar y editar los siguientes elementos estructurales:

Después de la instalación, el complemento agrega una nueva pestaña al editor de publicaciones y páginas, que le permite cambiar fácilmente entre diferentes modos para editar visualmente contenido y nuevos materiales en el sitio.

También hay un conjunto de adiciones simples y widgets para arrastrar por la página usando el mouse o el panel táctil.

Este complemento es adecuado para crear publicaciones y páginas ricas en contenido y varios widgets.

5. Creador de sitios

Y esto es complemento gratuito para diseñar páginas en WordPress desde Origen del sitio, que le permite crear páginas con un diseño "fluido" y mover elementos en la página sin editar el código.

Después de la instalación, aparecerá una nueva pestaña en el editor de publicaciones, junto a los modos de trabajo visual y de texto en el editor.

Al trabajar en este modo, puede agregar y arrastrar widgets, agregar una visualización de publicaciones recientes, administrar widgets para todos los temas instalados, conectar y deshabilitar varios botones y controles deslizantes. Este complemento no puede competir en términos de capacidades con sus homólogos pagos, pero es bastante simple y conveniente en el uso diario de la mayoría de los sitios.

6. Creador de páginas Aqua

Otro creador de complementos gratuito, que es bastante popular en el directorio de complementos de WordPress.org.

La base aquí es la interfaz familiar de WordPress con un menú para crear widgets personalizados para cualquiera que haya trabajado al menos una vez en el modo de crear y editar nuevas publicaciones y páginas.

Creador de páginas acuáticas utiliza estándar " arrastrar y soltar" para todas las herramientas para agregar nuevas opciones de visualización de contenido y nuevos elementos estructurales en páginas y publicaciones.

Este complemento se adapta bien a las tareas básicas. También hay opción de creación de plantilla para uso posterior esquemas estándar colocar bloques y widgets en nuevas páginas y nuevas publicaciones. El complemento es ideal para crear páginas y publicaciones en serie con el mismo diseño y ligeras diferencias en la estructura visual.

Entre los widgets disponibles para su colocación encontrarás:

• Insertar columnas para separar verticalmente el contenido en 1 página
• Llama la atención con alertas y mensajes emergentes
• Agregar un mapa de Google Maps a una página
• Insertar lemas en las páginas
• Agregue rápidamente controles deslizantes a las páginas
• Ocultar y mostrar contenido en diferentes pestañas

Conclusión

Entre todos los complementos de los que hablamos hoy aquí, el paquete básico tiene el mayor conjunto de propiedades y herramientas. Compositor Visual– que va bien tanto con el precio como con la calidad. La elección de un complemento específico para construir nuevas páginas también debe combinarse con el tipo de contenido que tienes y cómo consideras necesario diseñarlo.

Sin embargo, si ya tiene un sitio de WordPress con mucho contenido de calidad, elija un creador que se adapte a sus gustos y presupuesto. Y no olvides compartir tu experiencia en los comentarios, como siempre.

Si llevas mucho tiempo usando WordPress sabrás lo importante que es tener un sitio único, y esto se refleja especialmente en las páginas de tu blog, especialmente en la página de inicio, que es la primera página. suelen ver.

Es por eso que existen docenas de complementos de WordPress que pueden ayudarlo a crear páginas de inicio personalizadas en WordPress. Te lo ponemos fácil invitándote a crear una página de inicio personalizada en tu blog de WordPress.

Pero antes de empezar, tómate un momento para mirar , .

Entonces descubran juntos nuestra lista.

1. Control deslizante todo en uno

“All In One Slider” es un complemento de control deslizante de WordPress que proporciona a su blog 5 tipos de banners: banner giratorio, banner en miniatura, banner de lista de reproducción, control deslizante de contenido y carrusel.

Este complemento le permite crear fácilmente increíbles controles deslizantes de texto animado utilizando etiquetas HTML estándar.

Sus características incluyen: compatibilidad con pantalla táctil, 3 temas preestablecidos, 16 efectos de transición de fotografías, texto animado desde cualquier dirección: arriba, abajo, izquierda y derecha. Formatos CSS y HTML, configuraciones de lectura automática y mucho más.

Este complemento es muy fácil de instalar y usar.

2. Control deslizante de revolución

Revolution Slider es un complemento de carrusel de WordPress innovador y responsivo que muestra su contenido de manera hermosa. Ya sea un slider o un carrusel, le permitirá contar, por ejemplo, la historia de su empresa, resaltar su mejores productos, tus mejores artículos y mucho más

Sus características son: excelente interfaz de creación de diapositivas, diseño de diapositivas y diapositivas desplegables, diseño totalmente responsivo, viene con casi 340 gráficos, se ofrecen muchas plantillas de presentación de diapositivas, compatible con la mayoría de los temas de WordPress, excelente atención al cliente, soporte de pantalla táctil, documentación y lecciones en video disponibles y mucho más.

3. Áreas de widgets personalizados para WordPress

Este complemento le permite crearlos, personalizarlos de forma dinámica y sencilla agregando widgets a la ya familiar interfaz de WordPress.

Puede asignar áreas de widgets personalizadas a cualquier tema de su blog de WordPress. Incluso puedes colocarlos dentro del contenido de una página o artículo simplemente usando códigos cortos.

No dudes en consultar

Este complemento también admite tipos de publicaciones personalizadas y taxonomías personalizadas.

4. Barra de widgets para WordPress

"Widgetized StickyBar" es un complemento que le permite agregar una barra de widgets personalizada a cualquier página de su blog de WordPress.

Como sugiere el nombre, el panel contiene áreas de widgets donde puede colocar cualquier widget disponible en su panel de WordPress.

Como administrador, tú decides dónde insertar el panel: arriba, abajo, izquierda o derecha. También puede personalizar el tamaño, el color, la opacidad, el número de columnas y otras opciones de la barra adhesiva.

Descubre también

"Widgetized StickyBar" es ideal para ampliar la funcionalidad de su sitio de WordPress.

5. RoyalSlider - control deslizante táctil para WordPress

Royal Slider, el control deslizante más descargado en CodeCanyon, tiene características atractivas. Utilizado por empresas tan diversas como Coca-Cola, Ralph Lauren y Land Rover, este complemento de WordPress hace prácticamente todo lo que esperarías de un control deslizante.

Su característica más atractiva es su soporte integrado de pantalla completa, que es ideal para mostrar fotografías de alta resolución.

Este complemento seguramente sorprenderá a sus visitantes con sus características profesionales como: la capacidad de crear múltiples controles deslizantes con diferentes estilos por página, soporte para navegación táctil, diseño responsivo, miniaturas verticales u horizontales, viñetas o pestañas para navegación. etc...

6. Complemento de pronóstico del tiempo en Astero WordPress

Uno de los tipos más populares de widgets de WordPress es el widget meteorológico, y una de las soluciones más fiables y orientadas al tiempo es el complemento meteorológico Astero WordPress. Esto le permite mostrar el pronóstico del tiempo para una ubicación predeterminada o una ubicación basada en la dirección IP del visitante.

Es una adición ideal para sitios de comercio electrónico y sitios comunitarios.

7. Creador de una página de Parallax

One Page Builder es una herramienta increíble para crear una página en minutos en tu blog de WordPress.

Específicamente, le permite crear páginas de destino personalizadas ilimitadas con toneladas de funciones.

8. Barra lateral y administrador de widgets para WordPress

Esta es una extensión de WordPress rica en funciones que ofrece control total sobre las páginas, el contenido de la página y los widgets (incluidas las áreas de widgets) de su blog. Esto le brinda una amplia gama de opciones para personalizar su página de inicio.

¿Está intentando decidir qué creador de páginas es mejor para su sitio web?

Empecé a buscar ocho creadores de páginas diferentes para WordPress para ayudarte a decidir. Sí, utilicé cada uno de ellos; esta no es solo una lista basada en copiar y pegar de páginas oficiales.

Voy a comparar objetivamente estos ocho constructores en cinco categorías:

• Interfaz— ¿Cómo funciona la interfaz y facilita la creación de páginas hermosas?
• Widgets/plantillas incluidas— ¿Qué opciones puedes crear para tus páginas?
• Opciones de estilo— ¿Cómo puedes diseñar elementos en tu página?
• Otras características notables– ¿El creador de páginas tiene características únicas?
• Desactivar un complemento— ¿Qué pasa si quieres desactivar el complemento? Perderás el estilo de las páginas con estilo de todos modos, pero algunos creadores de páginas dejan un código limpio y otros no.

Aquí hay ocho diseñadores que veremos.

• Elementor
• Constructor de castores
• Constructor Divi
• Prosperar arquitecto
• Creador de páginas SiteOrigin
• WPBakery Page Builder (también conocido como Visual Composer)
• Constructor de Themify
• Ventoso

Y al final habrá una tabla comparativa.

1.Elemento

Lanzado originalmente en 2016, Elementor es uno de los creadores de páginas más jóvenes de esta lista. Pero incluso con su inicio tardío, Elementor acumuló rápidamente más de 800.000 instalaciones activas en WordPress.org, lo que lo convierte en uno de los más populares.

Su fama es su interfaz visual rápida y sin complicaciones, sus opciones de estilo flexibles y otras funciones potentes como la temática completa.

Precio: Existe una versión gratuita. La versión Elementor Pro comienza en $49 para usar en un solo sitio.

Interfaz - 5/5

La interfaz de Elementor se divide en dos partes principales, con una tercera área para algunas configuraciones más pequeñas:

• 1 es una vista previa de su proyecto. Así es prácticamente como lo verán tus visitantes. También puedes ingresar texto directamente en esta interfaz, así como arrastrar y soltar varios elementos para reorganizarlos.
• 2 - esto muestra una lista de elementos que puedes usar. Simplemente arrástrelos y suéltelos. Y cuando seleccionas un elemento o sección individual, aquí es donde le darás estilo.
• 3 - esto le ayudará a acceder a la vista previa de la página, deshacer/rehacer cambios y otras funciones más pequeñas.

Por ejemplo, considere cómo puede arrastrar y soltar un widget de texto y luego simplemente comenzar a escribir texto en la página (edición en línea) para cambiarlo:

EN versión gratuita Elementor incluye 28 widgets gratuitos. Y también puedes utilizar todos los widgets principales de WordPress. La versión Pro agrega ~30 widgets más, lo que le brinda un total de 58 widgets en la versión Pro:

La versión gratuita también viene con ~40 plantillas gratuitas. Y la versión Pro agrega cientos de plantillas adicionales.

Las plantillas vienen en dos formatos:

• paginas- proyectos de página completa que solo necesitas editar.
• Bloques- secciones individuales que puedes armar como Lego.

Además, ya están apareciendo bibliotecas independientes con widgets y plantillas de terceros para Elementor.

Opciones de estilo - 5/5

Cuando haces clic en cualquier sección, columna o widget, Elementor ofrece tres pestañas de estilo en la barra lateral izquierda.

Las opciones exactas dependen del elemento que estés editando, pero en general, Elementor ofrece uno de los conjuntos de opciones de estilo más completos de cualquier creador de páginas.

Además de los materiales básicos como colores, fondo y tipografía, también puedes controlar configuraciones más avanzadas como:

• Márgenes/relleno personalizados.
• Clases/ID de CSS personalizados. Con Elementor Pro, puedes agregar estilos CSS directamente a elementos individuales.
• Control de adaptabilidad. Puedes mostrar/ocultar elementos en ciertos dispositivos.

Estas funciones están disponibles en Elementor Pro:

• Completar la construcción del tema. Puede utilizar la misma interfaz de Elementor para crear partes de plantilla como encabezado, pie de página, páginas de una página y archivos de categorías y etiquetas. Básicamente, puedes crear tu tema completo usando Elementor.
• Widgets globales. Le permiten reutilizar un elemento común en varias páginas y editar todas las instancias de un widget global simplemente actualizando el widget global.
• Los widgets se pueden colocar en cualquier lugar. Utilice plantillas de Elementor en otras áreas utilizando widgets o códigos cortos.

Desactivando el complemento - 5/5

Si desactivas Elementor, deja el código limpio. Por ejemplo, si tienes un título

con Elementor, todavía tendrás un encabezado

después de desactivar Elementor. Simplemente utilizará el estilo de su tema.

2. Constructor de castores

Beaver Builder ha estado en el mercado de creación de páginas durante bastante tiempo. Produce código limpio (para el creador de páginas), es popular tanto entre los usuarios finales como entre los desarrolladores y recibe atención periódica con nuevas funciones y actualizaciones.

También hay algunos complementos oficiales que pueden brindarle más flexibilidad, incluido el tema complementario Beaver Builder y la extensión Beaver Themer.

Precio: Versión gratuita limitada. Desde $99 para uso en sitios limitados.

Interfaz - 5/5

Beaver Builder ofrece una interfaz única para su constructor visual front-end. Haces la mayor parte de tu trabajo desde la barra lateral de la derecha. Pero estas opciones de la barra lateral solo aparecen cuando haces clic en un botón en la barra superior, por lo que puedes ver la página en pantalla completa en cualquier momento:

• 1 - botón para abrir el área de la barra lateral
• 2 es una vista previa de tu proyecto

Para ser honesto, usar la edición en línea con un menú emergente es un poco incómodo. Pero puedes vincular fácilmente el editor a la barra lateral para solucionar este problema.

En la versión gratuita, Beaver Builder sólo te da acceso a 6 módulos, aunque también puedes utilizar widgets estándar de WordPress.

La versión premium, en cambio, te da acceso a 30 módulos. También son modulares, por lo que puedes encenderlos o apagarlos según sea necesario.

Con la versión premium, también obtienes acceso a ~56 páginas de plantillas, así como la posibilidad de guardar tus propios diseños como plantillas.

Opciones de estilo - 5/5

Para crear sus módulos y secciones, puede:

• Usar ventana emergente predeterminada
• Inserte la ventana a un lado para crear barra lateral(Esto se puede ver en el siguiente ejemplo).

Las opciones exactas varían según el módulo, pero en general, Beaver Builder le brinda un control bastante bueno sobre sus elementos, incluido el espaciado personalizado y los controles flexibles.

Y Beaver Builder también ofrece una opción única que le permite mostrar u ocultar módulos individuales en función de si el usuario ha iniciado sesión en el sistema:

• Tema de castor. Aunque es una extensión independiente, agrega una funcionalidad completa de creación de temas como Elementor.
• Etiquetado blanco. Puede cambiar fácilmente el nombre de Beaver Builder si está creando sitios para clientes.
• Tema Beaver Builder. Este tema opcional le brinda aún más control sobre el aspecto de su sitio.

Si bien las características únicas son buenas, creo que el precio es alto.

Desactivando el complemento - 5/5

Al igual que Elementor, Beaver Builder deja un código 100% limpio con el formato HTML correcto.

3. Constructor Divi

Divi Builder es un creador popular del desarrollador de temas premium Elegant Themes. Aunque se usa con mayor frecuencia como parte de un tema Divi, Divi Builder también es un complemento independiente que puedes usar con otros temas.

A diferencia de los dos creadores de páginas anteriores, Divi Builder le permite editar su contenido utilizando una interfaz de usuario y un panel de administración, aunque la mayoría de los usuarios probablemente prefieran la interfaz visual.

Precio: Disponible como parte de la membresía de Elegant Themes por $89

Interfaz - 4/5

La interfaz backend de Divi Builder se ve así:

Pero la mayor parte del tiempo utilizará la interfaz frontal. Divi Builder es definitivamente único. Personalmente no soy un fanático, pero conozco a mucha gente a la que le encanta.

Básicamente, en lugar de cualquier tipo de barra lateral, todas las ventanas emergentes y botones flotantes. Puede ver un ejemplo de cómo agregar un módulo a continuación:

Al igual que con los dos creadores de páginas anteriores, también puedes utilizar la edición de texto en línea directamente en la página:

Widgets/plantillas incluidos – 5/5

Divi Builder incluye 46 módulos que puedes utilizar para crear tus proyectos:

También obtienes acceso a una enorme cantidad de 316 plantillas prediseñadas, distribuidas en 40 diseños diferentes, y también tienes la posibilidad de guardar tus propios diseños como plantillas:

Opciones de estilo - 5/5

Al igual que Beaver Builder, Divi Builder le permite diseñar elementos desde una ventana emergente que se puede quitar si lo desea.

Uno de características distintivas Divi siempre se ha centrado en el estilo. Con tres pestañas diferentes, puede configurar varias opciones, incluidos controles flexibles, espaciado personalizado y más.

Incluso puedes agregar CSS personalizado al elemento principal o antes/después del elemento principal. ¡Los editores CSS incluso incluyen validación básica y autocompletado! Y también puedes abrir el selector de color directamente desde el editor:

En general, Divi Builder realmente va más allá con sus opciones de estilo: estas son buenas características.

Otras características notables – 5/5

• Pruebas A/B. Una de las mejores características adicionales es el sistema de prueba A/B integrado de Divi Builder. Ningún otro creador de páginas hace que sea tan fácil dividir una prueba en el núcleo.
• Tema Divi. Combinar Divi Builder con un tema Divi le brinda control total sobre la apariencia de su sitio.
• Controles de acceso de usuarios. Divi Builder incluye potentes controles de acceso basados ​​en roles.
• Controles de WordPress. Puedes personalizar el aspecto de algunos elementos utilizando el Personalizador de WordPress.

Desactivar un complemento— 3/5

Una de las críticas a Divi Builder siempre ha sido que se basa en códigos cortos. Esto significa que si alguna vez lo desactivas, dejará un montón de códigos cortos en tu contenido.

Si bien esto es un poco confuso, no es un problema ahora que existen complementos como Shortcode Cleaner. Perderás el formato, como una etiqueta.

, pero no perderás el contenido en sí.

4. Arquitecto próspero

Thrive Architect Page Builder es una versión actualizada de lo que alguna vez fue Thrive Content Builder. La nueva interfaz tiene mucho en común con la interfaz de Elementor, que verá en un segundo.

Si bien cualquiera puede usarlo, es especialmente popular entre blogueros y especialistas en marketing debido a su enfoque en las tasas de conversión. Y una de las cosas que personalmente me gustan de Thrive Architect es que su estilo predeterminado se ve bastante bien desde el primer momento.

Precio: desde 67 $

Interfaz - 5/5

Como dije, verá algunas similitudes entre la interfaz de Thrive Architect y la interfaz de Elementor (Elementor fue primero, en caso de que se lo pregunte):

Este es el mismo que viste arriba:

• 1 es una vista previa de su proyecto. Esto es similar a lo que verán sus visitantes. También puedes ingresar texto directamente en esta interfaz, así como arrastrar y soltar varios elementos para reorganizarlos.
• 2 - Esto muestra una lista de elementos que puedes usar. Simplemente arrástrelos y suéltelos. Y cuando seleccionas un elemento o sección individual, aquí es donde le darás estilo.
• 3 - Esto le ayudará a acceder a vistas previas, deshacer/rehacer cambios y otras funciones más pequeñas.

Una cosa única es el selector de paleta cuando haces clic en un elemento anidado. Esta función es realmente muy útil cuando deseas saltar rápidamente entre un elemento y una sección:

Y Thrive Architect también ofrece verdadera edición de texto en línea. De hecho, en mi opinión, Thrive Architect tiene las funciones de edición integradas más fáciles de usar de cualquier creador de páginas:

Widgets/plantillas incluidos – 4/5

Thrive Architect ofrece 40 widgets diferentes, incluidos algunos interesantes, como un temporizador de cuenta regresiva perpetua.

Thrive Architect también incluye cientos de plantillas, divididas en ~36 "conjuntos". Y también puedes guardar tus propios diseños como plantilla.

Opciones de estilo - 5/5

Thrive Architect se diferencia de Elementor en la forma en que gestiona el estilo. En lugar de darle pestañas, Thrive Architect incluye todo en una columna.

Las opciones de estilo son bastante detalladas e incluyen controles flexibles y relleno personalizado:

También puedes agregar tu propio CSS a nivel de página. Para elementos individuales, solo puede asignar clases o ID de CSS.

Una característica interesante es la posibilidad de personalizar la página. Le permiten mostrar una ventana emergente de caja de luz basada en ciertos desencadenantes:

Y otra cosa interesante es lo bien que se integra con otros productos de Thrive Themes. Por ejemplo:

• Si usa Thrive Optimize, puede ejecutar pruebas A/B usando Thrive Architect.
• Si utiliza Thrive Leads, puede integrar fácilmente configuraciones detalladas en Thrive Architect.

Desactivar un complemento— 5/5

Thrive Architect deja un código 100% limpio, como Elementor y Beaver Builder.

5. Creador de páginas SiteOrigin

SiteOrigin Page Builder parece que siempre ha existido. Y de esa manera "siempre", ha logrado acumular más de 1 millón de instalaciones activas en WordPress.org, lo que lo convierte en el complemento de diseño de página más popular enumerado en esta revisión.

Aunque SiteOrigin Page Builder es un poco más liviano que la mayoría de los otros creadores de esta lista, ofrece un rendimiento excelente y un montón de controles CSS útiles.

Precio: Gratis. El paquete SiteOrigin Premium comienza en $29

Interfaz - 3/5

SiteOrigin tiene dos interfaces que puede utilizar para crear su diseño.

Tienes el editor backend original:

Puede arrastrar bloques o hacer clic en un bloque específico para editarlo.

Este editor te ofrece más posibilidades para funcionar, pero carece de cualquier tipo de vista previa.

Si necesita una vista previa en vivo, SiteOrigin Page Builder ha agregado un modo de edición en vivo:

No es lo mismo que los otros creadores de páginas de esta lista porque no puedes arrastrar y soltar elementos en la vista previa en vivo. Pero también es más que una simple vista previa de su diseño, porque hay cierta interactividad entre los cuadros abstractos de la izquierda y la vista previa en tiempo real.

Por ejemplo, puede pasar el cursor sobre un campo en modo Vista previa y el cuadro correspondiente en la barra lateral también mostrará un resaltado. También puede hacer clic en un elemento en el modo Vista previa para abrir su configuración:

Widgets/plantillas incluidos - 2/5

Además de los widgets principales de WordPress, SiteOrigin Page Builder también ofrece un complemento gratuito Widgets Bundle que agrega un conjunto modular de 23 widgets que puede usar. También incluye ~25 plantillas prediseñadas que puedes usar, aunque es bastante reducido en comparación con otros creadores de páginas.

Opciones de estilo - 3/5

Las opciones de estilo de SiteOrigin Page Builder serán decepcionantes en comparación con otros creadores de páginas si no conoce CSS. Pero si te sientes cómodo usando tu propio CSS, en realidad son muy útiles.

Además de agregar clases e ID de CSS, también puede agregar CSS directamente a elementos individuales, incluida una sección para CSS solo para dispositivos móviles:

También obtienes muchas opciones de estilo que no son CSS, pero no tantas como otros complementos. Si es un desarrollador que planea usar su propio CSS, probablemente pueda darle al complemento un 5 para esta categoría. Pero lo bajo a 3 porque creo que no es adecuado para usuarios ocasionales.

Otras características notables – 2/5

SiteOrgin Page Builder es bastante liviano, pero obtienes un creador de publicaciones básico en el paquete SiteOrigin Premium.

Desactivar un complemento— 4/5

SiteOrigin Page Builder reserva una combinación de HTML puro y códigos cortos. Es decir, algunos de los widgets, como el editor de texto, dejan código HTML puro, mientras que otros, como el widget del botón, dejan códigos cortos.

6. Creador de páginas WPBakery (Visual Composer)

WPBakery Page Builder, anteriormente conocido como Visual Composer, es otro creador de páginas premium muy popular. Gran parte de esta popularidad se debe al hecho de que WPBakery Page Builder está vinculado al 99% de los temas de ThemeForest. Pero el hecho es que se utiliza en una gran cantidad de sitios.

Interfaz - 3/5

Al igual que Divi Builder, WPBakery Page Builder le ofrece edición visual y edición del panel de administración.

Puede utilizar la interfaz del panel de administración si lo desea:

Pero creo que la mayoría de la gente estará más feliz con un frente como este:

Insertas nuevos elementos y les aplicas estilo usando ventanas emergentes; no hay área de barra lateral ni edición en línea.

Personalmente, no soy partidario de este enfoque, pero a algunas personas les gusta porque no hay nada que interfiera con la visualización en vivo cuando no tienes una ventana emergente.

WPBakery Page Builder ofrece 39 elementos, así como todos los widgets habituales de WordPress. Sin embargo, algunos de estos elementos se combinarán en otro creador de páginas, por lo que el número real es más bien ~33:

También obtienes ~86 plantillas. Algunas plantillas son páginas completas, mientras que otras son solo secciones.

Opciones de estilo - 3/5

En comparación con elementos como Elementor o Divi Builder, las opciones de estilo de WPBakery Page Builder son un poco limitadas.

Tienes buen control sobre las cuerdas:

Pero las opciones de estilo para elementos individuales son limitadas.

Si desea utilizar su propio CSS, puede agregar una clase o ID de CSS personalizado a elementos individuales, o agregar estilos reales a nivel de página:

Otras características notables – 3/5

No estoy seguro de que WPBakery Page Builder tenga características únicas particularmente notables. Pero lo que sí tiene es una enorme comunidad de desarrolladores externos. Si bien muchos otros creadores de páginas tienen complementos de terceros, WPBakery Page Builder es único porque contiene más de 250 complementos.

Desactivar un complemento — 3/5

Al igual que Divi Builder, WPBakery Page Builder deja códigos cortos que faltan en tu contenido si lo desactivas.

7. Constructor Theimify

Themify Builder es, como era de esperar, una oferta de Themify. Theimify lo incluye con muchos de sus temas para brindar a los clientes una fácil personalización. Pero también puedes comprarlo como complemento independiente y usarlo con cualquier tema.

Precio: Versión lite gratuita. Pro comienza en $39 o $59 (dependiendo de los complementos)

Interfaz - 3/5

Similar a Divi Builder y WPBakery Page Builder, Themify Builder le permite crear sus proyectos utilizando interfaces backend y frontend.

La interfaz de fondo se ve así:

Pero nuevamente, la mayoría de la gente probablemente querrá usar una interfaz visual, que funciona así:

• 1 - le permite insertar nuevos módulos (2 formas diferentes)
• 2 – visualización en vivo
• 3 - visualización adaptativa, deshacer/rehacer y otras configuraciones

No hay edición en línea; deberá editar el texto en la ventana emergente:

Widgets/plantillas incluidos – 3/5

Themify Builder ofrece 21 módulos, así como todos los widgets habituales de WordPress.

También obtienes ~143 plantillas de página completa, así como una cantidad menor de secciones que son básicamente secciones listas para usar.

Opciones de estilo - 4/5

Si haces clic en cualquier elemento, obtendrás cuatro pestañas diferentes para ayudarte a diseñarlo:

• Contenido
• Estilo (que se muestra a continuación)
• Visibilidad: le permite ocultar un elemento en ciertos dispositivos
• Animación

Otra cosa buena es que Themify Builder te permite personalizar tus puntos de interrupción responsivos.

Otras características notables – 3/5

Una cosa interesante de Themify Builder es que todavía te permite usar el editor normal de WordPress, mientras que otros creadores de páginas te obligan a usar la interfaz del creador de páginas para todo. El contenido de Themify Builder está etiquetado en el editor de WordPress para que puedas colocar contenido a su alrededor:

Desactivar un complemento— 5/5

Theimify Builder ha mejorado significativamente en cuanto a bloqueo. Ahora, si lo desactivas, deja tu contenido con HTML puro.

8. ventoso

Lanzado en abril de 2018, Brizy es, con diferencia, el creador de páginas "más joven" de esta lista. Pero proviene de un desarrollador de renombre, ThemeFuse, y rápidamente acumuló 9.000 instalaciones activas. Además, ofrece un enfoque único para algunas partes de la creación de páginas, lo que la convierte en una propuesta interesante.

Interfaz - 5/5

Brizy es un creador de páginas puramente visual.

Para crear su página, primero debe agregar un bloque. Puede utilizar un bloque en blanco o puede elegir entre bloques de secciones ya preparados:

La parte de la "interfaz única" es lo que sucede cuando comienzas a agregar elementos. En lugar de tener una barra lateral o una ventana emergente donde personalizas o aplicas estilo al elemento, casi todo sucede internamente (incluida la entrada de texto).

Mira lo que quiero decir:

El resultado es muy de manera rápida creando páginas.

Widgets/plantillas incluidos - 3/5

Brizy ofrece actualmente 17 artículos. Este número es pequeño, pero Brizy aún es nuevo, por lo que es de esperar que aumente con el tiempo.

También incluye más de 150 bloques (plantillas) que puedes utilizar.

Opciones de estilo - 5/5

Debido a la forma en que funciona la interfaz de Brizy, no existe una fórmula establecida para cambiar las opciones de estilo como otros creadores de páginas.

Puede expandir la barra lateral para configuraciones avanzadas como espaciado y controles personalizados:

También puedes agregar un estilo base a nivel de página para no tener que editar manualmente cada elemento individual:

Pero la mayoría de las veces utilizarás controles integrados para diseñar tus elementos, lo que te brindará un buen control.

Otras características notables – 4/5

La interfaz de Brizy ya es bastante única. Pero el equipo está trabajando en una versión de Brizy Pro que agregará:

• Diseño de encabezado usando la misma interfaz Brizy
• Banners globales que se sincronizan en varias páginas
• Pruebas A/B de páginas.

La estimación se basa en el supuesto de que estas funciones realmente se lanzarán.

Desactivar un complemento— 4/5

Brizy deja atrás HTML principalmente puro si lo desactivas. Pero todavía deja un montón de divs con clases Brizy CSS en el código, lo que hace que el relleno sea un poco frustrante y requiere limpieza.

¿Cuál es el mejor creador de páginas para WordPress?

Entonces, ¿cuál de estos ocho creadores de páginas deberías elegir? Bueno, así es como se suman las puntuaciones (en orden):

si estas buscando mejores soluciones precio/características, aquí hay otra tabla que compara la puntuación con las opciones de precios:

Escribe en los comentarios qué creador de sitios web utilizas y por qué lo elegiste.

¿Por qué necesitas un creador de páginas de WordPress?

Con el creador de WordPress, puede diseñar y crear una amplia variedad de páginas, desde las más simples hasta las más complejas. Existen otras herramientas para esto, las más exitosas son Drupal y Joomla. Sin embargo, los usuarios prefieren WordPress, y para ello tienen sus propias razones, tan simples y de peso:

• Fácil de instalar
• Fácil de configurar
• Fácil de usar.

Según la mayoría de los usuarios, WordPress tiene la interfaz más fácil de usar. Para crear un sitio web estándar, no es necesario conocer ningún código y el proceso de creación prácticamente no requiere tiempo. Configuraciones y apariencia El sitio se puede cambiar fácil y rápidamente mediante temas. Los complementos de WordPress son bastante simples y todo lo que necesita se puede encontrar en el panel de administración.

A continuación se muestra una descripción general de las diversas características de tres mejores Creadores de páginas de WordPress

1. Compositor visual

Peculiaridades:

Le permite cambiar el contenido de la página tanto desde la parte frontal del sitio como desde el panel de administración. No es de extrañar que sea el preferido por los usuarios ya que es el único que permite hacer esto. Visual Composer tiene una gama increíblemente amplia de funciones. Incluye componentes multimedia para imágenes y vídeos, botones de redes sociales y componentes de contenido como carrusel de publicaciones, diseño en mosaico y controles deslizantes de publicaciones. Hay una función de apoyo.

Facilidad de uso:

La interfaz del complemento es muy conveniente y amigable tanto para la parte frontal del sitio como para el panel de administración. Idealmente, después de instalar el complemento, no debería dedicar más de 15 minutos a comprender cómo funciona. Aunque este complemento es muy fácil de usar, puede llevarle varias horas crear páginas según sus necesidades. Primero debes entender qué opciones son posibles en el funcionamiento de cada elemento.

El complemento tiene varios plantillas listas para usar para acelerar el proceso. Para dominar mejor su funcionamiento es recomendable practicar primero con ellos moviendo elementos de contenido. De esta manera podrá dominar fácilmente el flujo de trabajo.

Apoyo:

Este complemento se ha utilizado durante mucho tiempo y se actualiza periódicamente, ampliando sus capacidades. Este es el complemento más popular de CodeCanyon y puede estar seguro de que contará con soporte activo durante mucho tiempo. WP Bakery cuenta con una extensa base de datos en su sitio web donde podrás encontrar la información que necesitas. Existe un servicio de soporte que responde a las consultas de los usuarios y los comentarios de los usuarios se responden diariamente en el sitio web de CodeCanyon.

No hay una tarifa anual por usar Composer y, si compras este complemento, siempre recibirás actualizaciones y soporte en el futuro.

Componentes:

El paquete completo de esta versión es el complemento más vendido en CodeCanyon. Cada uno de sus elementos está diseñado para proporcionar a los usuarios la máxima facilidad de uso. Sus componentes son: ventana de información, íconos, lista de información, contador, ventana emergente modal, banner interactivo, línea de tiempo y mapas avanzados de Google. Funciones de fondo: paralaje vertical y horizontal, fondo para imágenes y vídeos fijados, paralaje de una sola capa y de varias capas al pasar el mouse. Mediante el uso editor de texto En WordPress puedes cambiar las fuentes en el ícono y buscar las fuentes deseadas para los íconos en tu biblioteca.

Bloques incorporados:

Este complemento tiene más de 40 bloques integrados. Estos incluyen cuadros de texto, separadores de texto, Me gusta de Facebook, imagen única, llamado a la acción, reproductor de video, Google Maps, Pinterest, gráfico circular, mosaico multimedia, etc. Esto solo está disponible en archivos JavaScript y ahorra ancho de banda y tiempo.

Ventajas y desventajas:

Visual Composer compite fácilmente con otros programas similares que bien pueden considerarse; mejor elección para propietarios de sitios web de WordPress. La interfaz fácil de usar y los elementos visuales llamativos también aumentan su popularidad. A diferencia de otros diseñadores, Visual Composer no tiene la capacidad de insertar un widget en las páginas.

2. Constructor de castores

Peculiaridades:

Este complemento es compatible con todos los temas de WordPress, incluidos los personalizados. Le permite trabajar con páginas desde el frente del sitio. La principal ventaja aquí es que el usuario tiene la oportunidad de ver claramente la página durante el proceso de creación.

Builder incluye un conjunto de 11 diseños de página interna y 12 diseños de página de inicio. El diseño de la página incluye varias plantillas, como servicios, información del sitio, contactos, cartera, etc. Puede personalizar completamente todos los diseños según sus necesidades. A diferencia de otros constructores, Builder puede funcionar en varios sitios.

Facilidad de uso:

Builder comienza a funcionar inmediatamente después de la instalación. El complemento tiene una pequeña cantidad de opciones de configuración, con su ayuda puedes configurar todo fácil y rápidamente. El menú de opciones le ayudará a personalizar las plantillas de página y otros elementos.

Si está creando una página nueva, vaya a la pestaña "Creador de páginas" o haga clic en el enlace "Creador de páginas" disponible en la lista de entradas.

Cuando el diseñador se está ejecutando, todos los cambios de la página se reflejan en el área de usuario del sitio y puede elegir entre 12 diseños de página de inicio u 11 diseños de página de contenido del sitio.

Hay tres categorías de módulos en Builder, a saber, widgets de WordPress, avanzados y básicos. La primera categoría muestra todos los widgets activos en su sitio, incluidos los widgets principales de WordPress y los que se instalaron posteriormente. Estos módulos le permiten incluir imágenes, así como texto y varios componentes de contenido.

Es posible editar todos los elementos del diseño desde el menú contextual. Una vez que haya creado un diseño de página personalizado, puede guardarlo en el menú Herramientas. Según los diseños guardados, será posible desarrollar nuevas páginas en el futuro.

Apoyo:

El equipo de soporte de Beaver Builder ofrece asistencia, generalmente muy rápida, dentro de 24 a 48 horas. También hay un foro de soporte donde puede obtener las respuestas que necesita del equipo de soporte.

Complementos:

Desafortunadamente, este complemento actualmente no admite la posibilidad de agregar extensiones.

Bloques incorporados:

Builder tiene muchos bloques integrados: presentaciones de diapositivas, páginas, reseñas, botones, pestañas, formularios y tablas de precios, y mucho más.

Ventajas y desventajas:

Desarrollar páginas web suele implicar mucho esfuerzo y tiempo. Builder tiene una interfaz fácil de usar que lo ayudará a completar su trabajo en poco tiempo y no necesitará ningún conocimiento de codificación. El complemento no admite la posibilidad de insertar una columna dentro de otra.

3. Página de velocidad

Peculiaridades:

Velocity es un complemento relativamente nuevo que le permite diseñar diseños de página y cambiar el contenido de la página desde la interfaz de su sitio. Con su ayuda puedes crear y editar páginas fácilmente. Sin embargo, no se puede utilizar en mensajes existentes. Cuando se ejecuta el complemento, el contenido de la página se oculta o se ignora. Tiene la opción de trabajar con el tema existente de su sitio o elegir entre diseños precargados.

Facilidad de uso:

Velocity solo le permite cambiar el contenido de la página desde la parte frontal del sitio. Una vez que haya iniciado sesión, podrá ver el botón "Editar" en la página. Haga clic en él para iniciar el proceso de edición. Puede utilizar el editor para ver rápidamente las opciones disponibles antes de realizar su elección. Aunque puede cambiar columnas y filas usando el botón Cambiar tipo de elemento, no puede cambiar el ancho de la columna.

Apoyo:

Velocity Page tiene un buen soporte. Si durante el período de prueba de 30 días no estás satisfecho con su trabajo, pasado este período te devolveremos el dinero. Extremadamente sistema eficiente El soporte responderá a todas las solicitudes y le ayudará a resolver cualquier problema que surja.

Complementos:

Desafortunadamente, este complemento no admite la instalación de complementos.

Bloques incorporados:

Puede utilizar fácilmente bloques integrados para mejorar el diseño de la página editada. Para hacer esto, simplemente necesita arrastrar y soltar para agregar un bloque. Un bloque puede ser: imagen, foro, multimedia, texto, etc.

Ventajas y desventajas:

Velocity es una gran opción para usuarios y diseñadores. Hace que sea mucho más fácil agregar imágenes y videos sin cambiar la apariencia o el diseño de la página. Es posible que algunos usuarios no estén satisfechos con el precio.

El complemento es compatible con la mayoría de los temas de WordPress. Sin embargo, hay temas con los que no es compatible, si esto le sucede a tu tema, te devolveremos tu dinero. Este complemento es una buena opción para usuarios que tienen muy pocos conocimientos sobre el panel de control o los códigos de WordPress.

Hoy en día, en una era de alta competencia en Internet, todo, cada detalle importa para la promoción de un sitio web. Y el diseño de páginas es uno de los primeros lugares. En este artículo, le brindaremos complementos para el diseño de sitios web en WordPress que lo ayudarán a hacer que su proyecto sea más hermoso y mejor.

El diseño del sitio web afecta la promoción del sitio web en tres áreas:

• Adaptable, multinavegador y multiplataforma. Si un sitio se muestra en cualquier dispositivo, sistema operativo o navegador de alguna manera incorrecta o incompleta, esto tendrá un efecto negativo en su clasificación en las condiciones en las que funciona mal.
• Usabilidad y factores de comportamiento. La disposición de los elementos en el sitio y su apariencia afectan la usabilidad, la facilidad de uso y los factores de comportamiento. Además, la impresión general de la apariencia tampoco ocupa el último lugar entre los factores de comportamiento. La promoción del sitio web también depende de esto.
• Legibilidad. Los textos bien diseñados son fáciles de leer y comprender para los visitantes. Esto tiene un efecto positivo en los factores de comportamiento y, en general, en la opinión del sitio.

BBSpoiler

Un complemento conveniente que crea spoilers. Los spoilers son elementos que ocultan parte del texto. Si haces clic en ellos, el texto se expande. De esta manera, puedes ahorrar espacio cómodamente en artículos largos eliminando el texto que el lector probablemente no necesitará en el spoiler. Quien lo necesite puede desplegar el spoiler.

El complemento es muy fácil de usar. Después de la activación, aparece un botón especial en el editor de publicaciones. Si haces clic en él, se abrirá un nuevo editor de spoilers, en el que podrás escribir texto, seleccionar un estilo y marcar si se abrirá o cerrará de forma predeterminada.

BBSpoiler está en ruso y es gratuito. Desarrollado por Flector y cuenta con más de 9.000 instalaciones.

Códigos cortos definitivos

Quizás el complemento más multifuncional de todos los que consideraremos en este artículo. Su esencia es que crea nuevos códigos cortos adicionales en WordPress que le permiten mostrar varios elementos de diseño en páginas y publicaciones, que, además, se pueden personalizar a su discreción.

Después de la activación, aparece un nuevo botón en el editor, al hacer clic en él se abren todos los códigos cortos posibles, divididos en categorías. Hay títulos, mayúsculas, spoilers, acordeones, reproductores de video, imágenes, listas, citas y mucho más.

El complemento tiene varios complementos que amplían su funcionalidad, así como muchas configuraciones.

Este es un complemento gratuito, desarrollado por el programador de habla rusa Vladimir Anokhin, y tiene más de 700.000 descargas.

Botón del diseñador WPi

Le permite crear hermosos botones. Tiene muchos estilos e íconos listos para usar. Para los botones, puede configurar sus propios estilos, descripciones con sugerencias, etiquetas y enlaces.

Complemento activado idioma en Inglés, pero es fácil de usar y tiene una interfaz clara. Después de activarlo, aparecerá un botón especial en el editor, con el que deberás empezar a trabajar.

Desarrollado por wooprali, instalado más de 6000 veces, completamente gratis.

Nube de etiquetas genial

Los complementos para diseño de sitios web en WordPress continúan con el que crea una nube de etiquetas. WordPress tiene su propio widget de nube integrado. Sin embargo, es primitivo, no se ve muy bonito y tiene pocas configuraciones.

Cool Tag Cloud crea un nuevo widget que se ve mucho más hermoso que el integrado y también tiene muchas configuraciones de estilo y color.

El complemento es completamente gratuito y está en ruso. Desarrollado por Flector y cuenta con más de 10.000 instalaciones.

Iconos de menú

Un complemento muy simple que agrega la capacidad de asignar cualquier ícono a los elementos de navegación al editor de menú integrado de WordPress. Una vez activado, aparece una nueva opción para agregar un ícono. Puede elegir una imagen de un conjunto ya hecho.

El complemento no tiene otras configuraciones. Por tanto, todo es muy sencillo. Desarrollado por ThemeIsle y cuenta con más de 100.000 instalaciones activas. Y, por supuesto, es gratis.

mimenusticky

Este complemento de diseño de sitios web de WordPress es útil porque le ayuda a crear un menú fijo. Este es un menú que, cuando se desplaza, siempre permanece a la vista en la parte superior de la pantalla. Esta técnica se utiliza en muchos temas modernos y es conveniente.

Desafortunadamente, no se puede decir que este complemento sea fácil de usar. Además, la falta de idioma ruso complica su uso. Tampoco funcionará inmediatamente después de la activación; será necesario configurarlo. Por lo tanto, sólo se puede recomendar a aquellos webmasters que ya tengan cierta experiencia.

El complemento es gratuito, desarrollado por m.r.d.a y tiene más de 30.000 instalaciones.

CSS de origen del sitio

Si hablamos de complementos para el diseño de sitios web en WordPRess, entonces entre ellos debe haber uno que le permita cambiar la apariencia del tema activado. SiteOrigin CSS es sólo una de esas opciones.

Después de activar el complemento, es posible cambiar los elementos del tema: fuentes, colores, tamaños, sangrías y otros parámetros. Y, a pesar de la interfaz en inglés, es intuitivamente fácil de usar y comprender: simplemente márquelo en el editor con el mouse. elemento requerido y cámbielo según sus propias preferencias usando la barra de herramientas. Y para los profesionales, es posible agregar CSS personalizado para cambiar más completamente el aspecto del diseño.

El complemento es gratuito y está desarrollado por especialistas de SiteOrigin.