Bien, ¿qué es un WordPress SiteBuilder? Shhh no se lo digas a nadie, pero este es el potente combo de un Tema Multidiseño [piensa en Astra libre, Genera Prensa, OceanWP] con un PageBuilder de gama alta [como el BeaverBuilder lite, Elementor o VisualComposer.io libre]. Estas herramientas combinadas han creado una nueva categoría de WordPress desarrollo de interfaz de usuario frontal: el WordPress SiteBuilder. Este combo puede ofrecer una apariencia y diseño únicos para cualquiera o todos los de sus WordPress páginas, mensajes y tipos de mensajes personalizados. Mejor aún, estos SiteBuilders también ofrecen:

• Frontend, arrastrar y soltar, página WYSIWYG/diseño de post y diseño.
• Encabezados de usuario diseñados, pies de página, barras laterales, llamadas a las tiras de acción, etc; reemplazar los estándares si lo desea.
• Las páginas/publicaciones resultantes son totalmente receptivas mostrando bien en el escritorio o tableta o teléfonos móviles.
• La cantidad de control de diseño para el color, la tipografía, el diseño incluso la animación es increíblemente fácil de hacer.
• Las herramientas proporcionan un sitio web completo o una página o sección de una capacidad de importación y exportación de páginas, ideal para su reutilización en su sitio web [s].

Así que nuestro último WordPress encuentro en Toronto tuvo una demostración en vivo mostrando lo que era posible con los New Sitebuilders. Al mismo tiempo, pudimos explorar algunas cuestiones generales de diseño.

La configuración demo

Tomó un tiempo para conseguir un voluntario para un diseño de página de aterrizaje libre, pero el artista de maquillaje Mindy Bharji de Brampton ofreció su sitio web BeautyBliss.ca:
Este fue el sitio web original de Beauty Bliss con seis páginas y un montón de buenas imágenes esta galerías.

Y aquí está el sitio web deseado que fue utilizado como plantilla de diseño para la página de aterrizaje que Mindy estaba buscando:

Este diseño tenía una serie de características distintivas y estilos, incluyendo un encabezado pegajoso, grandes imágenes de héroe, y secciones distintivas de 3 columnas para portafolio, testimonios y precios. Dado el uso intensivo de imágenes tanto en la gestión de medios de sitios web original y deseada era también una tarea significativa.

Pero antes de revelar la solución de Landing Page, una parte de la presentación estaba reservada para buscar la última PageBuilder, Brizy.io:
Brizy [pronunciado Breezy] es el más nuevo PageBuilder y en 2 1/2 meses ha cosechado 20.000 instalaciones activas-el doble del Conde de Gutenberg. Brizy tiene todas las características básicas de los otros PageBuilders de extremo superior, incluyendo la capacidad de trabajar con temas MultiLayout. Esto significa que la combinación de Brizy y OceanWP tema se convierte en un SiteBuilder. Además, Brizy tiene 6-7 nuevas funciones que son muy convincentes y por lo tanto probablemente serán copiados por los otros PageBuilders de gama alta.

Pero lo que hace que Brizy sea útil para entrenar es que hace una gran demostración de las capacidades de SiteBuilding. Así que con Brizy construimos rápidamente un sitio web de sección de 3 páginas = > 3 con su propio encabezado y pie de página único. Además, cambiamos el aspecto y el diseño de las secciones con operaciones de arrastrar y soltar añadiendo imágenes, mapas y varios bloques de texto. También mostramos lo fácil en Brizy es convertir una página en una segunda página completa como un deslizador. Y luego usando las opciones de estilo Brizy era fácil cambiar completamente la apariencia de esa segunda página deslizante. Así que realizamos otras ediciones y probamos nuevas características antes de regresar a la página de destino de Beauty Bliss.

Los últimos 40 minutos se dedicaron a nuestra página de destino de Beauty Bliss. Esto es lo que pudimos crear en 5 horas:

En los próximos 40 minutos, con las instrucciones de Mindy hicimos toda una serie de cambios rápidos de estilo a la página de aterrizaje. Hay una completa escritura del flujo de trabajo detallado Aquí.  Esta es la fuerza de sitebuilders. Las raíces PageBuilder permiten a los usuarios realizar cambios de estilo detallados en un widget o en la columna que contiene el widget o la fila que contiene las columnas o de nuevo a la sección que contiene las filas. Lo más interesante es que algunos PageBuilders como Brizy, divi, y Elementor en un grado realmente han automatizado estas tareas de estilo.

Resumen

Tuvimos 39 personas registrarse para este Meetup y 27 vinieron a pesar del clima caluroso, la distracción de Inglaterra Croacia en la Copa del mundo y algunos cuartos de final de mens en Wimbledon tenis. Claramente hay interés en que PageBuilders sea mejorado por los temas de Multilayout para convertirse en SiteBuilders.