Theming (WordPress)

Uit De Vliegende Brigade
Ga naar: navigatie, zoeken

Theming heeft betrekking op de presentatie op de site, oftewel de vormgeving. Een practische manier om verschillende themes te onderscheiden:

  • Statische themes: Met statische themes bedoel ik themes waarmee je min-of-meer de statische aspecten van site-weergave regelt, zoals de achtergrond, lettertypes en kleuren. In het bijzonder zijn regio's statisch. Wijzigingen vereist al snel dat je CSS- of theme-code moet aanpassen.
  • Dynamische themes: Themes of page builders voor themes, waardoor de complete dynamische vormgeving via de GUI gaat.

Page builders

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. Het is effe wennen, maar ik verwacht dat ik nooit meer met statische themes ga werken. Zie de diverse DIY-artikelen in deze wiki voor ervaringen op dit gebied uit een ver verleden. En om het nog iets ingewikkelder te maken: De page builders van de diverse dynamische themes zijn mogelijk ook beschikbaar als losse plugins.

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. Ik vermoed dat deze shortcodes ook in de uiteindelijke teksten verschijnen, als de betreffende page builder is uitgeschakeld. Da's onhandig. Met andere woorden: Als je een maal een page builder hebt gekozen, wordt het vervelend om te wisselen naar een andere page builder.

Frontend vs. Backend editors

  • Met frontend editors worden vermoedelijk échte UZWUK-editors bedoeld. Je ziet dus totaal niet meer de WordPress-dashboardomgeving
  • Met backend editors wordem vermoedelijk editors bedoeld die binnen de WordPress-dashboardomgeving functioneren, en die niet volledig UZWUK zijn - Dit is wat ik normaliter gebruik.

Inventaris

Dit overzicht van page builders en 'themes met page builders' is vanaf de zomer van 2017 samengesteld. In de herfst van dat jaar heb ik Visual Composer voor een project gebruikt. Tot op heden bevalt die keuze me prima.

  • 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. $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?

Themes

Ik ben op zoek naar een goed theme dat compatibel is met Visual Composer, WooCommerce, diverse taalmodules, Yoast, en wellicht nog het een of ander.

  • Atelier - Kwam ik tegen op de bestaande site van een klant. Verder geen info over.
  • Divi - Beginnetje mee gemaakt. Ik denk dat ik bij voorkeur een los theme gebruik
  • Hoshi - In de herfst van 2017 in gebruik genomen. Ik geloof dat ik het wel ok vind
  • Twenty Seventeen - Standaard-theme van WordPress in 2017. Eigenlijk bevalt het wel, geloof ik.

Bronnen