Was OLObuild ist
OLObuild ist der Rahmen der Suite: ein WordPress-Page-Builder, in dem jedes Seitenelement ein Tile ist: ein autonomer Block mit eigenen Feldern, Animationen und Rendering. Die Bibliothek zählt 187 Tiles in 12 Familien (über 100 schon in der Free-Version), alle auf demselben Motor.
Es ist weder ein Theme mit Shortcodes noch ein generischer Builder mit bezahlten Add-ons: Animationen, Texteffekte, Hover und Parallax gehören ab Werk zu jedem Tile. Gebaut wie eine moderne App, nicht wie ein Theme.
Tile-basierte Architektur
Jedes Tile ist eine PHP-Klasse Olo_<Name>_Tile, die von Olo_Tile_Base erbt und serverseitig rendert: Das HTML kommt fertig heraus, ohne Runtime-Generierung im Browser.
- Auto-Discovery: Tiles registrieren sich selbst via
import.meta.glob: Ein neues Tile heißt zwei Dateien anlegen (Panel-JS-Config + PHP-Klasse). Kein Kompilieren, keine Shortcodes. - Zentrale Helper:
Olo_Tile_UtilsundOlo_Text_Effectshalten den Code über alle 187 Tiles DRY. - Scoped Styles: Jede Instanz hat eine eindeutige UID (
olo-XXX-12345): CSS bleibt eingegrenzt, kein Leak zwischen Instanzen. - Hover pro Instanz: UID-Klassen lösen den klassischen Bug „das erste Element erbt die Hover des letzten".
Jedes Tile erbt vom Rahmen Eingangsanimationen, Texteffekte, Hover, bedingte Sichtbarkeit und Responsive auf 6 Breakpoints, ohne eine Zeile mehr zu schreiben.
Im Builder
Der visuelle Editor ist eine Vue-3-App (Composition API) mit Pinia-Store und Vite-5-Build. Text wird inline mit Tiptap bearbeitet (schwebende Toolbar), Drag & Drop nutzt Pragmatic drag-and-drop: 5 kb statt 80 kb der Alternativen.
- REST-API mit sauberem Namespace
olo/v1. - Zwei eigene Tabellen:
wp_olo_templatesundwp_olo_revisions: kein Postmeta-Missbrauch, echte Revisionen. - Integrierte Mediensuche: Fotos und Videos von 8 Anbietern, ohne den Builder zu verlassen (Pro-Edition).
Performance per Default
Keine aggressiven Cache-Plugins, keine externen „Optimierer": Geschwindigkeit steckt in der Architektur.
- IntersectionObserver für alles: Eingangsanimationen, Texteffekte, Parallax: null Scroll-Listener.
- Video-Facade: YouTube/Vimeo zeigen das Poster; das schwere Iframe lädt erst beim Klick.
- Natives Lazy-Load des Browsers für Bilder, Videos und Galerien.
- Inline Critical CSS für Above-the-Fold-Blöcke; der Rest lädt asynchron.
- CSS pro Instanz gescoped: keine globale Regel, die über die Seite kaskadiert.
Die zwei Editionen
| Freefür immer · GPL | Über 100 native Tiles, Form Builder, Dark Mode, 11 Texteffekte, 36 Animationen, eine Ausstattung auf Augenhöhe mit den bezahlten Pro-Buildern der Konkurrenz. OLOlang im ersten Jahr inklusive. Verteilt über WordPress.org. |
| Pro29 € Start · dann 59 €/Jahr | Die ganze Bibliothek (187 Tiles), volle Animationen, Mediensuche über 8 Anbieter, OLOlang lebenslang, Priority-Support, 30 Tage Rückerstattung. |
Datenblatt
| Typ | Tile-basierter WordPress-Page-Builder, serverseitiges Rendering |
| Anforderungen | WordPress 5.8+ · PHP 7.4+ |
| Frontend-Builder | Vue 3 (Composition API) + Pinia · build Vite 5 |
| Stil | SASS + Tailwind (prefix mb-) + UIkit |
| Inline-Editor | Tiptap, Rich Text mit schwebender Toolbar |
| Drag & drop | @atlaskit/pragmatic-drag-and-drop (~5 kb) |
| REST API | Namespace olo/v1 |
| Datenbank | Eigene Tabellen wp_olo_templates · wp_olo_revisions |
| Bibliothek | 187 Tiles · 12 Familien · Auto-Discovery (2 Dateien pro Tile) |
| Animationen | CSS-Keyframes + IntersectionObserver · 36 Animationen · 11 Texteffekte |
| Responsive | 6 Breakpoints, geerbt von jedem Tile |
| Lizenz | GPL, offener Code, keine verschlüsselten Blobs |