Qué es OLObuild
OLObuild es el chasis de la suite: un page builder para WordPress donde cada elemento de la página es un tile: un bloque autónomo con sus campos, sus animaciones y su render. La biblioteca cuenta 187 tiles en 12 familias (más de 100 ya en la Free), todos sobre el mismo motor.
No es un tema con shortcodes ni un builder genérico con add-ons de pago: animaciones, efectos de texto, hover y parallax forman parte de cada tile de serie. Está construido como una app moderna, no como un tema.
Arquitectura tile-based
Cada tile es una clase PHP Olo_<Name>_Tile que hereda de Olo_Tile_Base y renderiza server-side: el HTML sale ya listo, sin generación en tiempo real en el navegador.
- Auto-descubrimiento: los tiles se registran solos vía
import.meta.glob: añadir un tile es crear dos archivos (config JS del panel + clase PHP). Sin compilación, sin shortcodes. - Helpers centralizados:
Olo_Tile_UtilsyOlo_Text_Effectsmantienen el código DRY en los 187 tiles. - Estilos scoped: cada instancia tiene un UID único (
olo-XXX-12345): el CSS queda confinado, sin fugas entre instancias. - Hover por instancia: las clases UID resuelven el clásico bug de «el primer elemento hereda los hovers del último».
Cada tile hereda del chasis animaciones de entrada, efectos de texto, hover, visibilidad condicional y responsive en 6 breakpoints, sin escribir una línea más.
Dentro del builder
El editor visual es una app Vue 3 (Composition API) con store Pinia y build Vite 5. El texto se edita inline con Tiptap (toolbar flotante), el drag & drop usa Pragmatic drag-and-drop: 5 kb frente a los 80 kb de las alternativas.
- REST API con namespace limpio
olo/v1. - Dos tablas dedicadas:
wp_olo_templatesywp_olo_revisions: sin abuso de postmeta, revisiones de verdad. - Búsqueda de medios integrada: fotos y vídeos de 8 proveedores sin salir del builder (edición Pro).
Rendimiento por defecto
Nada de plugins de caché agresivos ni «optimizadores» externos: la velocidad está escrita en la arquitectura.
- IntersectionObserver para todo: animaciones de entrada, efectos de texto, parallax: cero scroll listeners.
- Video facade: YouTube/Vimeo muestran el póster; el iframe pesado carga solo al hacer clic.
- Lazy-load nativo del navegador en imágenes, vídeos y galerías.
- Critical CSS inline en los bloques above-the-fold; el resto carga async.
- CSS scoped por instancia: ninguna regla global cayendo en cascada sobre la página.
Las dos ediciones
| Freepara siempre · GPL | Más de 100 tiles nativos, form builder, dark mode, 11 efectos de texto, 36 animaciones, un equipamiento al nivel de los builders Pro de pago de la competencia. OLOlang incluido el primer año. Distribuida en WordPress.org. |
| Pro29 € lanzamiento · luego 59 €/año | Toda la biblioteca (187 tiles), animaciones completas, búsqueda de medios en 8 proveedores, OLOlang de por vida, soporte prioritario, 30 días de reembolso. |
Ficha técnica
| Tipo | Page builder WordPress tile-based, render server-side |
| Requisitos | WordPress 5.8+ · PHP 7.4+ |
| Frontend builder | Vue 3 (Composition API) + Pinia · build Vite 5 |
| Estilo | SASS + Tailwind (prefix mb-) + UIkit |
| Editor inline | Tiptap, rich text con toolbar flotante |
| Drag & drop | @atlaskit/pragmatic-drag-and-drop (~5 kb) |
| REST API | Namespace olo/v1 |
| Base de datos | Tablas dedicadas wp_olo_templates · wp_olo_revisions |
| Biblioteca | 187 tiles · 12 familias · auto-descubrimiento (2 archivos por tile) |
| Animaciones | CSS keyframes + IntersectionObserver · 36 animaciones · 11 efectos de texto |
| Responsive | 6 breakpoints heredados por cada tile |
| Licencia | GPL, código abierto, ningún blob cifrado |