Voor bezoekers van jouw website is het natuurlijk zaak dat je website er aantrekkelijk uitziet. Zorg er dus voor dat je pagina opgemaakt is met de juiste pagina opmaak. Gebruik hiervoor tekstkoppen voor het indelen van de pagina gevolgd door inhoudelijke teksten. Voor een nog uitgebreidere opmaak kun je gebruik maken van een opmaak met kolommen, tekst en afbeeldingen.
Voor het toevoegen van een dergelijke pagina opmaak kun je de volgende stappen doorlopen wanneer je een pagina aanmaakt. We gaan er hierbij ui dat je weet hoe je een pagina toevoegt of bewerkt binnen je website.
Stap 1: Open de Gutenberg editor
Maak een nieuwe pagina aan of bewerk een bestaande pagina. Wanneer de Gutenberg editor is geïnstalleerd wordt deze automatisch geopend en kun je je pagina uitgebreid opmaken via de Gutenberg blokken editor.
In de rechterkolom kun je de titel van je pagina aanpassen en verdere pagina instellingen doorlopen. Wanneer je een blok selecteert in de editor, kun je verdere eigenschappen voor dat desbetreffende blok aanpassen.
Stap 2: Voeg een blok toe
Wanneer je met je cursor tussen de blokken gaat staan, verschijnt er een lijn met een plus teken. Als je hierop klikt, kun je blokken toevoegen aan de pagina. De meest voor de hand liggende blokken zijn:
- "Heading" voor het toevoegen van tekstkoppen
- "Paragraph" voor het toevoegen van platte tekst met opmaak
- "Image" voor het toevoegen van afbeeldingen
- "Columns" voor het toevoegen van kolommen waarin je bovenstaande blokken kunt toevoegen voor een uitgebreidere opmaak.
Je kunt je gewenste blok eenvoudig zoeken via het zoekveld of klik op "Browse all" voor een overzicht van alle bloktypes die je kunt gebruiken.
Stap 3: Kolommen toevoegen
Voor een uitgebreidere opmaak voeg je eerst een blok van het type "Columns" toe aan de pagina. In dit voorbeeld kiezen we voor een bloktype met twee kolommen (66 / 33).
Stap 4: Tekst toevoegen in kolom
In de kolommen verschijnt weer een plus teken wanneer je met je cursor over de kolom gaat. Selecteer het gewenste bloktype. In dit voorbeeld plaatsen we een "Paragraph" om tekst toe te voegen. Wanneer het "Paragraph" blok is geplaatst kun je hierin je tekst typen of plakken.
Stap 5: Afbeelding toevoegen in kolom
Ga je met je cursor over de tweede kolom en voeg een blok van het type "Image" toe. Je kunt vervolgens een afbeelding uploaden vanaf je computer of een eerder geuploadde afbeelding selecteren in de "Media Library" bibliotheek.
Tip: Zorg ervoor dat afbeeldingen rechtenvrij te gebruiken zijn of dat je een licentie hebt om bijv. een stockfoto te gebruiken. Heb je dit niet dan loop je het risico een rekening te ontvangen van de eigenaar van de afbeelding.
Tip: Afbeeldingen van externe URL's hebben niet direct de voorkeur. Wanneer een externe afbeelding offline wordt gehaald blijft jouw pagina achter met een missende afbeelding en 'broken link' dat niet ten goede komt aan de technische SEO score van jouw website.
Stap 6: Optimaliseren en verfraaien
Je kunt je opmaak nog verder optimaliseren en verfraaien door je tekstkolom te voorzien van een koptekst. Hiervoor kun je de cursor plaatsen voor de tekst en een harde enter geven. Er wordt dan automatisch een nieuw blok getoond waarvan je het bloktype kunt selecteren. In dit geval kiezen we voor "Heading" en voegen we een H2 koptekst toe boven het reeds ingevoerde tekstblok.
Met deze stappen kun je een pagina opmaken met kolommen, kopteksten, platte teksten en afbeeldingen. Herhaal bovenstaande stappen om meer van dit soort opgemaakte blokken op je pagina toe te voegen. Selecteer de blokken die je hebt toegevoegd om in de rechterkolom meer en gedetailleerdere eigenschappen aan te passen per blok.
Tip: Wissel de positie van teksten en afbeeldingen af door ze om en om rechts en links te plaatsen. Dit zorgt voor een gestructureerde, maar afwisselende pagina die voor een websitebezoeker fijn te lezen is.
