In de Ruimte 15 januari 2019
Inleiding
- WordPress 15 jaar – modernisering
- Blocks / Javascript
- Stapsgewijs – 1) Gutenberg editor
- Daarna de Customizer, Templates en heel WordPress
Demo
- Navigatie menu’s en instellingen
- Blocks toevoegen, verslepen, aanpassen
- Blocks algemeen: Cover image, Classic editor
- Blocks layout: kolommen
- Blocks widgets, shortcodes & embeds
- Repeatable blocks
- Block templates / kleurenpalet
Aan de slag
Gutenberg uitproberen
- Test website tweebis.com/cursus
- WordPress Zandbak (Gratis versie) en installeer de Gutenberg plugin
- Locale installatie op je eigen PC (Mamp / Serverpress / Local by Flywheel / Laragon … ) en installeer de Gutenberg plugin
Opdracht 1: Maak een pagina met minimaal 5 verschillende blokken.
Opdracht 2: Probeer de instellingen uit van een paragraaf of een omslag afbeelding.
Opdracht 3: Probeer enkele wat exotischer blokken uit, zoals die voor kolommen, nieuwste berichten, een insluiting of een herbruikbaar blok.
Gutenberg op je eigen site
- Kopie / Staging: Je provider / WP-staging plugin / WP-staging Pro / WP Stagecoach …
- Backup: je provider / BackWPup / Updraftplus …
- Check compatibiliteit van je thema (pagebuilders)
- Check compatibiliteit van je plugins (een voor een)
- Installeer de Gutenberg plugin of update naar WordPress 5.0.x
Opdracht 1: Maak een pagina met minimaal 5 verschillende blokken.
Opdracht 2: Probeer de instellingen uit van een paragraaf of een omslag afbeelding.
Opdracht 3: Probeer enkele wat exotischer blokken uit, zoals die voor kolommen, nieuwste berichten, een insluiting of een herbruikbaar blok.
Gutenberg blokken beheren
- Minder blocks: GutenBeGone
- Manage je blocks: Gutenberg Manager
- Extra blocks: Atomic blocks / Coblocks / Editor Blocks / Advanced Gutenberg blocks / Block library / enzovoort
Opdracht 4: Installeer een van deze plugins en bekijk de mogelijkheden.
Gutenberg Alternatieven
- WordPress 4.9 aanhouden. Kan dat?
- WordPress 5.0 + Classic editor plugin
- Site versie bevriezen + Firewall
- Fork ClassicPress