Theming (WordPress)

Uit De Vliegende Brigade
Naar navigatie springen Naar zoeken springen

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: Met dynamische themes regel je additionele zaken via de interface zoals het aanpassen van regio's, maar vooral: page builders, 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.

Dynamische themes zijn 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.

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.

Page builders

Dit overzicht van page builders heb ik in de zomer van 2017 samengesteld. In de herfst van dat jaar heb ik Visual Composer voor een project gebruikt. Die keuze bevalt 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]
  • Themify Builder [9][10]
  • ThriveThemes Content Builder [11]
  • Visual Composer

Avia Layout Builder

  • (-) Niet compatibel met WooCommerce
  • (-) Propriëtaire shortcodesVendor lock-in
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):

  • (+) Compleet: Theme + page builder
  • (-) Duurder dan Visual Composer
  • (-) Géén live frontend editing (al komt het in de buurt)???
  • (-) 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.
  • (-) Gebruik van eigen shortcodes: Je kunt niet meer wisselen naar een ander theme, zonder de vormgeving opnieuw te moeten verzorgen. Da's een lichte vendor lock-in. Weinig schokkend, toch? [12]
  • (-) Ik heb geen ervaring met Divi

Visual Composer

Visual Composer (js_composer) is een page builder voor vrijwel alle themes. $34,--:

  • (+) Heb ik ervaring mee
  • (+) Schijnt laagdrempeliger te zijn [13]
  • (+) Goedkoper dan Divi [14]
  • (+) Live frontend editing
  • (+) Populairste page builder for WordPress. Dus goede ondersteuning
  • (+) Inclusief ondersteuning WooCommerce & Yoast
  • (-) Exclusief het eigenlijke theme - Is dat wel een nadeel?
  • (-) Frontend-editor is buggy [15]
  • (-) Traag?
  • (-) Vermoedelijk dezelfde shortcut-vendor lock-in als bij Divi.

Themes

Ik zoek themes die overweg kunnen met zowel Visual Composer als WooCommerce. Het liefst wil ik standaardiseren op één theme.

  • Mikado's Hoshi
  • ?

Bronnen