Theming (WordPress): verschil tussen versies

Uit De Vliegende Brigade
Naar navigatie springen Naar zoeken springen
 
(23 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
''Theming'' heeft betrekking op de ''presentatie'' op de site, oftewel de ''vormgeving''. Een practische manier om verschillende ''themes'' te onderscheiden:
+
''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.
  
* '''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 & page builders ==
* '''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.
+
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 builders (WordPress) | page builder]].
  
 
== Frontend vs. Backend editors ==
 
== Frontend vs. Backend editors ==
Regel 11: Regel 15:
 
* 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.  
 
* 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.  
  
== Diverse page builders ==
+
== Inventaris ==
 
 
* BeaverBuilder
 
* Conductor [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* [[Divi-theme (WordPress) | Divi]]
 
* Elementor Page Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* 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/#]
 
* 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
 
 
 
== Page builders vergeleken ==
 
 
 
=== Divi ===
 
 
 
Beschikbaar als theme + page builder (''Divi Theme'', $69) en als stand-alone page builder (''Divi Builder''):
 
  
* (+) Compleet: Theme + page builder
+
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:
* (-) 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? [http://chrislema.com/divi-theme-forever/]
 
* (-) Ik heb geen ervaring met Divi
 
  
=== Visual Composer ===
+
* 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.
  
''Visual Composer'' (<code>js_composer</code>) is een page builder voor vrijwel alle themes. $34,--:
+
== Zie ook ==
  
* (+) Heb ik ervaring mee
+
* [[Page builders (WordPress)]]
* (+) 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]
 
* (-) Exclusief theme
 
* (+) 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?
 
* (-) Vermoedelijk dezelfde shortcut-vendor lock-in als bij Divi.
 
  
 
== Bronnen ==
 
== Bronnen ==

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

Bronnen