Theming (WordPress): verschil tussen versies

Uit De Vliegende Brigade
Naar navigatie springen Naar zoeken springen
 
(40 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'':
  
== Diverse 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.
  
* [[Divi-theme (WordPress) | Divi]] - Beschikbaar als dynamisch theme (''Divi Theme'') en als plugin (''Divi Builder'') om bestaande themes dynamisch te maken [https://www.elegantthemes.com/blog/theme-releases/divi-builder]
+
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]].
* Visual Composer (<code>js_composer</code>) - ''Page builder'', te gebruiken in combinatie met vrijwel alle themes.
 
* BeaverBuilder - Page builder inclusief 15 themes
 
* Elementor Page Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* Themify Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* ThriveThemes Content Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* MotoPress [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* SiteOrigin Page Builder [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* Live Composer [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* Page Builder Sandwich [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* Conductor [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
* Forge [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
 
  
== Divi vs. Visual Composer ==
+
== Frontend vs. Backend editors ==
  
''' Divi '''
+
* 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.
  
* (+) Compleet: Theme + page builder
+
== Inventaris ==
* (-) Duurder
 
* (-) 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
 
  
''' Visual Composer '''
+
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:
  
* (+) Heb ik ervaring mee
+
* Atelier - Kwam ik tegen op de bestaande site van een klant. Verder geen info over.
* (+) Schijnt laagdrempeliger te zijn [https://www.collectiveray.com/wordpress/wordpress-tutorials/divi-vs-visual-composer-drag-and-drop-wordpress-pagebuilder-comparison.html]
+
* Divi - Gecombineerd theme + page builder. Beginnetje mee gemaakt. Ik denk dat ik bij voorkeur een los theme gebruik
* (+) Goedkoper [https://www.collectiveray.com/wordpress/wordpress-tutorials/divi-vs-visual-composer-drag-and-drop-wordpress-pagebuilder-comparison.html]
+
* Enfold - Toegevoegd aan dit lijstje in 2022
* (-) Exclusief theme
+
* Hoshi - In de herfst van 2017 gestandaardiseerd op dit theme. Zie hieronder voor details
* (+) Live frontend editing
+
* Twenty Seventeen - Standaard-theme van WordPress in 2017. Eigenlijk bevalt het wel, geloof ik.
* (+) Populairste page builder for WordPress. Dus goede ondersteuning
+
 
* (+) Inclusief ondersteuning WooCommerce & Yoast
+
== Zie ook ==
* (-) Frontend-editor is buggy [https://athemes.com/collections/drag-drop-page-builders-wordpress/#]
+
 
* (-) Traag?
+
* [[Page builders (WordPress)]]
* $ 34,--
 
  
 
== Bronnen ==
 
== Bronnen ==
Regel 48: Regel 34:
 
* https://athemes.com/collections/drag-drop-page-builders-wordpress/#
 
* https://athemes.com/collections/drag-drop-page-builders-wordpress/#
 
* http://chrislema.com/divi-theme-forever/
 
* http://chrislema.com/divi-theme-forever/
 +
* https://purposethemes.com/30855/visual-composer-divi-page-builder-themify-builder/ - Ranking: Divi, VC, Themify Builder

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