Cos'è OLObuild
OLObuild è il telaio della suite: un page builder per WordPress in cui ogni elemento della pagina è un tile: un blocco autonomo con i propri campi, le proprie animazioni e il proprio render. La libreria conta 187 tile in 12 famiglie (oltre 100 già nella versione Free), tutti sullo stesso motore.
Non è un tema con degli shortcode né un builder generico con add-on a pagamento: animazioni, effetti testo, hover e parallax fanno parte di ogni tile di serie. È costruito come un'app moderna, non come un tema.
Architettura tile-based
Ogni tile è una classe PHP Olo_<Name>_Tile che eredita da Olo_Tile_Base e renderizza server-side: l'HTML esce già pronto, senza generazione a runtime nel browser.
- Auto-discovery: i tile si registrano da soli via
import.meta.glob: aggiungere un tile significa creare due file (config JS del pannello + classe PHP). Niente compilazione, niente shortcode. - Helper centralizzati:
Olo_Tile_UtilseOlo_Text_Effectstengono il codice DRY su tutti i 187 tile. - Scoped styles: ogni istanza ha un UID univoco (
olo-XXX-12345): il CSS resta confinato, nessun leak fra istanze. - Per-instance hover: le classi UID risolvono il classico bug "il primo elemento eredita gli hover dell'ultimo".
Ogni tile eredita dal telaio animazioni d'ingresso, effetti testo, hover, visibility condizionale e responsive su 6 breakpoint, senza scrivere una riga in più.
Dentro il builder
L'editor visuale è un'app Vue 3 (Composition API) con store Pinia e build Vite 5. Il testo si modifica inline con Tiptap (toolbar flottante), il drag & drop usa Pragmatic drag-and-drop: 5 kb contro gli 80 kb delle alternative.
- REST API con namespace pulito
olo/v1. - Due tabelle dedicate:
wp_olo_templatesewp_olo_revisions: niente abuso di postmeta, revisioni vere. - Ricerca media integrata: foto e video da 8 provider senza uscire dal builder (edizione Pro).
Performance per default
Niente plugin di cache aggressivi né "ottimizzatori" esterni: la velocità è scritta nell'architettura.
- IntersectionObserver per tutto: entrance animations, text-effects, parallax: zero scroll listener.
- Video facade: YouTube/Vimeo mostrano il poster; l'iframe pesante carica solo al click.
- Lazy-load nativo del browser su immagini, video e gallerie.
- Critical CSS inline sui blocchi above-the-fold; il resto carica async.
- CSS scoped per istanza: nessuna regola globale che cade a cascata sulla pagina.
Le due edizioni
| Freeper sempre · GPL | Oltre 100 tile nativi, form builder, dark mode, 11 effetti testo, 36 animazioni, un corredo al livello dei builder Pro a pagamento della concorrenza. OLOlang incluso il primo anno. Distribuita su WordPress.org. |
| Pro€29 lancio · poi €59/anno | L'intera libreria (187 tile), animazioni complete, ricerca media da 8 provider, OLOlang a vita, supporto prioritario, 30 giorni di rimborso. |
Scheda tecnica
| Tipo | Page builder WordPress tile-based, render server-side |
| Requisiti | WordPress 5.8+ · PHP 7.4+ |
| Frontend builder | Vue 3 (Composition API) + Pinia · build Vite 5 |
| Stile | SASS + Tailwind (prefix mb-) + UIkit |
| Editor inline | Tiptap, rich text con toolbar flottante |
| Drag & drop | @atlaskit/pragmatic-drag-and-drop (~5 kb) |
| REST API | Namespace olo/v1 |
| Database | Tabelle dedicate wp_olo_templates · wp_olo_revisions |
| Libreria | 187 tile · 12 famiglie · auto-discovery (2 file per tile) |
| Animazioni | CSS keyframes + IntersectionObserver · 36 animazioni · 11 effetti testo |
| Responsive | 6 breakpoint ereditati da ogni tile |
| Licenza | GPL, codice aperto, nessun blob crittografato |