Theming (WordPress): verschil tussen versies

Huidige versie van 2 jul 2022 om 07:41

Theming heeft betrekking op de presentatie op de site, oftewel de vormgeving. In de loop van 2017 heb ik gestandaardiseerd op Hoshi als theme, met Visual Composer als page builder. In de loop van 2018 ben ik me aan het oriënteren naar oplossingen zonder page builders.

Themes & page builders

Waarschijnlijk is het handig om een onderscheid te maken tussen themes en page builders:

Themes hebben betrekking op alleen de vormgeving. In den beginnen vereist het aanpassen van een theme, werken in CSS-bestanden
Page builders gaan verder waar themes ophouden: Het zijn GUI-gebaseerde systemen, waarmee dynamisch vormgeving van een site aangepast kan worden, meestal inclusief de plaatsing van objecten.

In de praktijk is het ondercheid tussen themes en page builders niet zwart-wit, temeer daar veel themes zijn voorzien van een page builder. Dit artikel is zo veel mogelijk beperkt tot theming. Zie verder 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

In de zomer van 2017 was ik op zoek naar een theme dat compatibel is met Visual Composer, WooCommerce, diverse taalmodules, Yoast, en wellicht nog het een of ander. Een impressie:

Atelier - Kwam ik tegen op de bestaande site van een klant. Verder geen info over.
Divi - Gecombineerd theme + page builder. Beginnetje mee gemaakt. Ik denk dat ik bij voorkeur een los theme gebruik
Enfold - Toegevoegd aan dit lijstje in 2022
Hoshi - In de herfst van 2017 gestandaardiseerd op dit theme. Zie hieronder voor details
Twenty Seventeen - Standaard-theme van WordPress in 2017. Eigenlijk bevalt het wel, geloof ik.

Zie ook

Page builders (WordPress)

@@ Regel 1: / Regel 1: @@
-''Theming'' heeft betrekking op de ''presentatie'' op de site, oftewel de ''vormgeving''. In de loop van 2017 heb ik gestandaardiseerd op ''Hoshi'' als theme, met ''Visual Composer'' als ''page builder''.
+''Theming'' heeft betrekking op de ''presentatie'' op de site, oftewel de ''vormgeving''. In de loop van 2017 heb ik gestandaardiseerd op ''Hoshi'' als theme, met ''Visual Composer'' als [[Page builders (WordPress) | ''page builder'']]. In de loop van 2018 ben ik me aan het oriënteren naar oplossingen zonder page builders.
-== Statisch vs. dynamisch ==
+== Themes & page builders ==
-Een practische manier om verschillende soorten ''themes'' te onderscheiden:
+Waarschijnlijk is het handig om een onderscheid te maken tussen ''themes'' en ''page builders'':
-* '''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.
+* '''Themes''' hebben betrekking op alleen de vormgeving. In den beginnen vereist het aanpassen van een theme, werken in CSS-bestanden
-* '''Dynamische themes:''' Themes of ''page builders'' voor themes, waardoor de complete dynamische vormgeving via de GUI gaat.
+* '''Page builders''' gaan verder waar themes ophouden: Het zijn GUI-gebaseerde systemen, waarmee dynamisch vormgeving van een site aangepast kan worden, meestal inclusief de plaatsing van objecten.
-== Page builders ==
+In de praktijk is het ondercheid tussen ''themes'' en ''page builders'' niet zwart-wit, temeer daar veel themes zijn voorzien van een page builder. Dit artikel is zo veel mogelijk beperkt tot ''theming''. Zie verder [[Page builders (WordPress) | page builder]].
-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''.
-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 ==
@@ Regel 23: / Regel 17: @@
 == 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.
+In de zomer van 2017 was ik op zoek naar een theme dat compatibel is met ''Visual Composer'', ''WooCommerce'', diverse taalmodules, Yoast, en wellicht nog het een of ander. Een impressie:
-* Avia Layout Builder
+* Atelier - Kwam ik tegen op de bestaande site van een klant. Verder geen info over.
-* BeaverBuilder
+* Divi - Gecombineerd theme + page builder. Beginnetje mee gemaakt. Ik denk dat ik bij voorkeur een los theme gebruik
-* Conductor [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
+* Enfold - Toegevoegd aan dit lijstje in 2022
-* [[Divi-theme (WordPress) | Divi]]
+* Hoshi - In de herfst van 2017 gestandaardiseerd op dit theme. Zie hieronder voor details
-* Elementor Page Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
+* Twenty Seventeen - Standaard-theme van WordPress in 2017. Eigenlijk bevalt het wel, geloof ik.
-* Forge [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
-* Live Composer [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
-* Make - Gratis [http://chrislema.com/divi-theme-forever/]
-* MotoPress [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
-* Page Builder Sandwich [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
-* SiteOrigin Page Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
-* Swift Page Builder - Gebruikt een klant van me
-* Themify Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#][https://purposethemes.com/30855/visual-composer-divi-page-builder-themify-builder/]
-* ThriveThemes Content Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
-* Visual Composer
-=== Avia Layout Builder ===
+== Zie ook ==
-* (-) Niet compatibel met WooCommerce
+* [[Page builders (WordPress)]]
-{|
-|[[file:20171120-2015.png|thumb|Avia Layout Builder in actie - Lekker clean]]
-|[[file:20171120-2016.png|thumb|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?
-{|
-|[[file:20171125-1817.png|thumb|Swift in actie]]
-|[[file:20171125-1818.png|thumb|Dezelfde pagina (backend) zonder Swift]]
-|}
-=== Visual Composer ===
-''Visual Composer'' (<code>js_composer</code>) is een page builder voor vrijwel alle themes. $34,--:
-* (+) Compatibel met WooCommerce (toch?)
-* (+) Heb ik ervaring mee
-* (+) Schijnt laagdrempeliger te zijn [https://www.collectiveray.com/wordpress/wordpress-tutorials/divi-vs-visual-composer-drag-and-drop-wordpress-pagebuilder-comparison.html]
-* (+) Goedkoper dan Divi [https://www.collectiveray.com/wordpress/wordpress-tutorials/divi-vs-visual-composer-drag-and-drop-wordpress-pagebuilder-comparison.html]
-* (+) Live frontend editing
-* (+) Populairste page builder for WordPress. Dus goede ondersteuning
-* (+) Inclusief ondersteuning WooCommerce & Yoast
-* (-) Frontend-editor is buggy [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
-* (-) 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 ==

Theming (WordPress): verschil tussen versies

Huidige versie van 2 jul 2022 om 07:41

Inhoud

Themes & page builders

Frontend vs. Backend editors

Inventaris

Zie ook

Bronnen

Navigatiemenu

Zoeken