Block Editor en /of Pagebuilders

1. Block editor en/of pagebuilders WordPress Meetup 25 januari 2023 Sivard Donkers
2. Intro • Sivard Donkers • Freelancer • WordPress developer • Websites • Missing Widgets for Elementor plugin
3. Waarom deze talk?
4. Een stukje geschiedenis
5. Klassieke editor
6. Rise of the pagebuilders
7. Gutenberg
8. Gutenberg Full site editing
9. Features Vergelijking • Editor • Global Styling • Page templates en template parts • Sectie templates / Block patterns
10. Elementor Editor Navigator Content, Styling, Widgets en Menu Controls responsive mode
11. Gutenberg Editor List view en blocks Content Controls Styling
13. Elementor Global Styling Styling fonts, kleuren en basis elementen
14. Gutenberg Global Styling Instellen stijlen
15. Gutenberg Global Block Styling Instellen stijlen per block
16. Gutenberg Global Styling Verschillende stijlen per thema
18. Editing Page templates Elementor Theme builder Gutenberg site editor
20. Elementor Sectie templates Eigen templates Voorgedefineerde Blokken en templates
21. Gutenburg Patterns Voorgedefineerde Blokken en templates
22. Eigen Patterns https://wordpress.org/patterns
23. Final thoughts • Gutenberg is nu wel meer dan alleen een content editor. • Zeker werkbaar en snel te leren. • Interface nog niet op niveau als een page builder. Basis is er. • Sommige zaken ontbreken nog (responsive styling), dus nog steeds code nodig. • Betere indeling (styling in site editor, edit mogelijkheden groeperen) • Maar kan snel veranderen…
24. Zelf aan de slag met de Gutenberg block editor • Block Thema zoeken. https://wordpress.org/themes/tags/full-site-editing/ • Eigen block theme maken. https://nl.wordpress.org/plugins/create-block-theme/ • Block Patterns zoeken. https://wordpress.org/patterns/ • Menu nu een block. https://www.youtube.com/watch?v=xekuQiSxrA8 • Dave on WP. https://www.youtube.com/@DaveonWP • Jamie Marsland. https://www.youtube.com/@jamiewp
25. Vragen?
26. Bedankt

Notas del editor

Zelf weinig ervaring met de blockeditor (1 project) zonder de full site editing.
Meestal gebruik ik de elementor pagebuilder.

2 Dingen:

Vorige talk van Samir over pagebuilding. Veel mensen staken hun hand op dat ze pagebuilders gebruiken. VRAAG: Wie gebruikt pagebuilder voor website en wie nog nooit blockeditor gebruikt.

2. Afgelopen WordPress Nederland in Arnhem. Veel gepraat over full site editing.

Nu met WordPress 6.1 veel nieuwe features toegevoegd en
Daarom leek me leuk om te kijken wat er allemaal mogelijk is
en wat de verschillen en overeenkomsten zijn met pagebuilders.
En zeker voor mensen die nog nooit met gutenberg hebben gewerkt.

Voor deze talk een gebruik ik elementor pro vs gutenberg twenty-three thema.
Kennis van php, html, javascript en css noodzakelijk om een goede website te maken.
Templates (zoals de header, footer, homepage, single post) in thema via PHP.

Content werd html met beperkte functionaliteit en moeilijk goed te zetten tenzij je naar de tekst tab gaat.
Makkelijker maken om mooie content te maken zonder te programmeren. Meer en meer naar frontend editing via drag en drop en theme building.
Werd makkelijk om een website te maken zonder code kennis.
Vervanging van de klassieke editor sinds WordPress 5.0Met blocken een contentpagina maken. Veel onduidelijkheden, onbegrip.

Bij elke versie steeds meer verbeteringen in de editor maar nog geen theme editor.
Sinds WordPress versie 5.9 begin 2022 wel met full site editing functionaliteit.
Met gutenberg nu ook templates aanpassen.
Inmiddels bij WordPress 6.1 en wordt steeds beter.
Tijd dus om te kijken wat je er nu allemaal mee kan.
Ik wil de kenmerken doornemen
Alles is er maar nog niet geïntegreerd zoals bij elementor.
Toevoegen en beheren eigen patterns.

Bij elementor nog niet.

Block Editor en /of Pagebuilders

Estás leyendo una previsualización.

Eche un vistazo a continuación

Block Editor en /of Pagebuilders

Más Contenido Relacionado

Más reciente (20)

Destacado (20)

Block Editor en /of Pagebuilders

Notas del editor

Block Editor en /of Pagebuilders

Estás leyendo una previsualización.

Block Editor en /of Pagebuilders

Recomendado

Más Contenido Relacionado

Más reciente (20)

Destacado (20)

Block Editor en /of Pagebuilders

Notas del editor