De Gutenberg Editor is een centraal element bij het maken en bewerken van inhoud in WordPress. Met het blok-systeem biedt hij een flexibele en intuïtieve manier om tekst, afbeeldingen, knoppen en nog veel meer te hanteren. In deze handleiding leer je hoe je de basis blokken - koptekst, alinea, afbeelding, galerie, knop en kolommen - effectief toevoegt en aanpast om je inhoud aantrekkelijk te maken.
Belangrijkste inzichten
- De Gutenberg Editor gebruikt een blok-systeem voor het maken van inhoud.
- Je kunt de blokken individueel aanpassen: kleuren, randen en lay-outs.
- De galerie stelt je in staat om meerdere afbeeldingen in een aantrekkelijk formaat weer te geven.
- Knoppen kunnen links naar andere pagina's bevatten en zijn eenvoudig te stylen.
- Kolommen vergemakkelijken de ordening van inhoud en bieden flexibiliteit bij de lay-out.
Stapsgewijze handleiding
De basisblokken toevoegen
Om met de Gutenberg Editor te beginnen, open je je WordPress-adminpagina en navigeer je naar het bericht of de pagina die je wilt bewerken. Om een nieuw blok toe te voegen, klik je op het plusteken (+), waarmee je de mogelijkheid hebt om alle beschikbare blokken weer te geven. Kies de gewenste blokken.
Koptekst-stijl aanpassen
Nadat je het koptekst-blok hebt toegevoegd, kun je verschillende stijlen toewijzen. Bijvoorbeeld, je kunt de lettergrootte en -kleur aanpassen. Kies een levendige kleur om je koptekst te accentueren, maar zorg ervoor dat de leesbaarheid gewaarborgd blijft.
Tekststyling en links
Het tekstblok stelt je niet alleen in staat om inhoud te schrijven, maar ook om een verscheidenheid aan aanpassingen te doen. Je kunt de tekst kleur stylen of links toevoegen. Om een link in te voegen, markeer je de gewenste tekst en voeg je de URL toe. Dit zorgt ervoor dat je tekst interactief blijft.
Afbeeldingen en hun aanpassingen
Het invoegen van afbeeldingen is ook eenvoudig. Upload een afbeelding of kies er een uit je mediabibliotheek. Je kunt de afbeelding vervolgens voorzien van een bepaald beeldverhouding en ontwerpaanpassingen. Als je bijvoorbeeld een ronde profielfoto wilt maken, zorg ervoor dat je de rand op 100% zet om een perfect ronde afbeelding te krijgen.
Een galerie maken
Om meerdere afbeeldingen tegelijk weer te geven, kun je een galerij-blok gebruiken. Belangrijk hierbij is dat je de afbeeldingen uit de mediabibliotheek selecteert om de laadtijden te optimaliseren. Vermijd grote afbeeldingsbestanden die de prestaties van je website negatief beïnvloeden. Er zijn tools zoals TinyPNG die je helpen om de bestandsgrootte te verkleinen zonder de beeldkwaliteit te verliezen.
Knoppen invoegen en stylen
Knoppen zijn eenvoudig te maken en stellen je in staat om je bezoekers naar belangrijke pagina's te leiden. Voeg een knop-blok toe en link het met een URL. Je kunt dan het uiterlijk van de knop stylen om deze te accentueren.
Kolommen voor een gestructureerde lay-out gebruiken
Kolommen zijn een geweldig instrument om inhoud naast elkaar te plaatsen. Je kunt kiezen hoeveel kolommen je wilt en deze individueel aanpassen. Perfect voor lay-outs waarin tekst en afbeeldingen moeten worden gecombineerd. Let echter op hoe de kolommen op mobiele apparaten worden weergegeven om een gebruiksvriendelijk ontwerp te waarborgen.
Samenvatting - De Gutenberg Editor: Een uitgebreide gids voor effectieve inhoudcreatie
De Gutenberg Editor biedt een scala aan functies die je helpen om aantrekkelijke en goed gestructureerde inhoud te maken. Van het toevoegen van eenvoudige tekstblokken tot complexe lay-outs met kolommen en galerijen, er zijn talloze mogelijkheden om je creativiteit te uiten.
FAQ
Hoe voeg ik een nieuw blok toe in de Gutenberg Editor?Klik op het plusteken (+) om de beschikbare blokken weer te geven en selecteer het gewenste blok.
Kan ik de kleuren en lettertypen in de Gutenberg Editor aanpassen?Ja, je kunt de kleuren en lettertypen voor elk blok individueel aanpassen.
Hoe maak ik een galerie in de Gutenberg Editor?Voeg een galerij-blok toe en selecteer de afbeeldingen uit je mediabibliotheek.
Hoe kan ik een link aan een knop toevoegen?Selecteer het knop-blok en voer de URL in het linkveld in.
Waar moet ik rekening mee houden wanneer ik afbeeldingen invoeg?Zorg ervoor dat je de afbeeldingsgrootte optimaliseert om de laadsnelheid van je website niet te beïnvloeden.
