Page builders (WordPress)

Uit De Vliegende Brigade
Naar navigatie springen Naar zoeken springen
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Page builders zijn een uitbreiding op de functionaliteit van themes: Met page builders regel je zaken via de interface zoals het aanpassen van regio's, waarbij je via een GUI pagina's configureert. Of nog een stap verder: Via de GUI creëren van one-pagers met eindeloos nieuwe interacties als je naar beneden scrollt.

Page builders representeren een ware paradigma-verschuiving tav. statische themes, maar niet zonder controverse: Ze zijn zwaar, hackgevoelig en creëren een vendor lock-in.

In de loop van (ik geloof) 2021, heeft WordPress een nieuwe editor geïntroduceerd in core: Gutenberg.

Vendor lock-in

Page builders gebruiken doorgaans shortcodes die geïncorporeerd worden in de HTML-code voor de opmaak binnen de betreffende page builder. Dit creëert een milde vendor lock-in, want shortcodes van de ene page builder, werken niet met een andere page builder. Deze shortcodes verschijnen ook in de uiteindelijke teksten, als de betreffende page builder is uitgeschakeld. Da's onhandig. Met andere woorden: Als je éénmaal een page builder gebruikt, wordt het vervelend om te wisselen naar een andere page builder, of om weer afscheid te nemen van die page builder.

Inventaris

Dit overzicht van page builders en 'themes met page builders' is in de zomer van 2017 samengesteld

  • Avia Layout Builder
  • BeaverBuilder
  • Conductor [1]
  • Divi
  • Elementor Page Builder [2]
  • Forge [3]
  • Live Composer [4]
  • Make - Gratis [5]
  • MotoPress [6]
  • Page Builder Sandwich [7]
  • SiteOrigin Page Builder [8]
  • Swift Page Builder - Gebruikt een klant van me
  • Themify Builder [9][10]
  • ThriveThemes Content Builder [11]
  • Visual Composer

Avia Layout Builder

  • (-) Niet compatibel met WooCommerce
Avia Layout Builder in actie - Lekker clean
Dezelfde pagina is nu aangemerkt als WooCommerce Product Page en dat gaat niet samen met Avia. Bezoekers krijgen een pagina met overlappende objecten

Divi

Beschikbaar als theme + page builder (Divi Theme, $69) en als stand-alone page builder (Divi Builder):

  • (+) Compatibel met WooCommerce
  • (+) Compleet: Theme + page builder
  • (*) Geen live frontend editing - Maak ik toch geen gebruik van
  • (-) Duurder dan Visual Composer
  • (-) Je bent beperkt tot de content modules van Divi zelf (al schijnt hier een workaround voor te zijn). Denk hierbij aan dingen zoals geluid, kaarten, email, etc.
  • (-) Ik heb geen ervaring met Divi.

Swift Page Builder

Swift Page Builder ben ik tegengekomen op de bestaande site van een klant van me. Het gebruikt shortcodes zoals alle page builders. Ik denk dat dat niet langer een criterium is, want dat gebruiken ze allemaal + de codes verschijnen vermoedelijk niet in het eindresultaat.

  • (+) Lijkt sneller te zijn dan bv. Visual Composer
  • (-) Mij onbekend. Lijkt minder gebruikt te worden
  • (?) Compatibel met WooCommerce?
  • (?) Compatibel met bepaalde taalmodules?
Swift in actie
Dezelfde pagina (backend) zonder Swift

Visual Composer

Visual Composer (js_composer) is een page builder voor vrijwel alle themes en kost $34:

  • (+) Compatibel met WooCommerce (toch?)
  • (+) Heb ik ervaring mee
  • (+) Schijnt laagdrempeliger te zijn [12]
  • (+) Goedkoper dan Divi [13]
  • (+) Live frontend editing
  • (+) Populairste page builder for WordPress. Dus goede ondersteuning
  • (+) Inclusief ondersteuning WooCommerce & Yoast
  • (-) Frontend-editor is buggy [14]
  • (-) Traag? Stroperig?

Zie ook