Een goede tekst is opgemaakt, oftewel geformatteerd. Het is verdeeld in alinea’s, er zijn tussenkopjes en er staat een titel boven. Cursiveringen geven nadruk, en vetgedrukt nog meer. Streamers laten teksten of citaten extra opvallen en opsommingen geven structuur. In deze opdracht doe je al dat soort opmaak, zowel in Word als in WordPress.
Opmaak is wat anders dan Ontwerp
Opmaak gaat over structuur, zoals vet, cursief, tussenkop, opsomming of bijschrift.
Ontwerp gaat over de visuele stijl zoals de kleur en stijl van letters en de marges.
Een tekstschrijver doet zoveel mogelijk Opmaak en zo min mogelijk Ontwerp.
Opdracht
Gebruik de onderstaande opmaak in een tekst. Eerst in Word, met een tekst van jezelf. Plak dan die tekst in WordPress, en bewerk het daar verder. Lever het Word-document in, en de link naar de webpagina. Lees de uitleg verderop en bekijk de korte filmpjes.
- De titel is een h1
- Alle tussenkoppen zijn h2
- Lees-verder-knop na de intro (alleen in WordPress, kan niet in Word)
- Streamers (in Word “Duidelijk citaat”, in WP “Blockquote”)
- Bijschrift bij afbeeldingen (in Word > rechtsklik op de afbeelding)
- Harde returns (paragrafen)
- Zachte returns met Shift return
- Vet
- Cursief
- Opsomming met nummers
- Opsomming met bullets
- Link intern
- Link extern (alleen in WordPress, kan niet in Word)
- Link no-follow (alleen in WordPress, kan niet in Word)
- Code (alleen in WordPress, kan niet in Word)
- Pre (alleen in WordPress, kan niet in Word)
Titel is h1, tussenkopjes zijn h2
De titel is een h1 (Heading Level One). Een subtitel daaronder kan in Word wel, maar in WordPress meestal niet omdat het daar slecht kan zijn voor de SEO.
Alle tussenkopjes zijn h2, dus nooit zelf letters groter of vet maken! Zoek uit waar dat zit in jouw versie van Word (via Stijlen), en hoe dat in jouw WordPress-thema gaat (of gebruik de Classic Editor – dat is een plugin).
De intro moet met een Lees-verder-knop erachter in WP. Belangrijk voor je homepage, zodat alle korte teksten daar op de juiste plek wordt afgesneden. In de nieuwe WP: tik de PLUS, tik / en tik “Meer“. In de Classic Editor van WP is er een knopje voor.
Streamers en bijschriften
Een Blockquote (Control-Alt-Q) kan je als streamer gebruiken. Zo’n blokje valt extra op. In de Classic Editor van WP is er gewoon een knopje. In de nieuwe WP: tik op Plus > Citaat. In Word heet het Citaat of Duidelijk citaat.
Gebruik ook Blockquotes oftewel Streamers. Dit is een voorbeeld daarvan.
Zet in je tekst ook een plaatje met een bijschrift. In zowel Word als WordPress zit dat bij de instellingen van het plaatje (zie ook het filmpje verderop).
Zachte en harde returns
Een harde return is een nieuwe alinea, en een zachte return (Shift Return) is een nieuwe regel. Zet bijvoorbeeld zo een adresblokje neer, met Shift Returns:
AARTJAN.nl
Hoofdstraat 1
1000AJ Amsterdam
Vet, cursief en opsommingen
Gebruik vet en cursief op de juiste plekken. Vet is Bold en cursief is Italic. Titels van boeken of films en citaten zijn bijvoorbeeld altijd cursief. De nieuwe woorden voor Bold en Italic in HTML zijn strong en emphasis.
Gebruik ook ergens opsommingen, eentje met cijfers en een met bullets: in vrijwel alle software en in de Classic Editor met de knopjes daarvoor. In de nieuwe WordPress: Klik op de Plus en tik “Lijst” en kies vervolgens nummers of bullets.
Nooit zelf nummeren, altijd de software laten doen. Dan kan je ook verplaatsen of verwijderen.
Links
Een link maken doe je meestal met Cmd-K (of klik het ketting-icoon). Je kan ook tekst selecteren en dan direct de link plakken. Er zijn drie soorten links. Plaats er van elke minstens eentje:
- Interne links. Ga naar een Bericht op je website. Zoek in de tekst een woord of zin die je wil laten linken naar iets op je eigen website: interne links. Selecteer de woorden > Cmd-K > en tik dan een woord. WordPress zoekt dan voor jou. Klik daar iets aan.
- Externe links. Zoek een woord of zin die naar een website moet linken. Deze link moeten openen in een Nieuw Venster. Je kan dit bij de link aanvinken. Of je doet het desnoods met target=_blank in de HTML-code:
<a href="https://nu.nl" target="_blank">
- Nofollow links. Als je niet wil dat zoekmachines bepaalde links volgen kan je dit in de code (of met een plugin) aangeven. Dit is bijvoorbeeld goed gebruik bij betaal-links, want Google kan strafpunten geven als je alleen maar follow-links gebruikt. Als je niks doet is elke link follow. Maak een link naar een product op BOL.com, en zet daar nofollow aan bij het tandwieltje bij de links of desnoods zo in de Code Editor:
<a href="https:/bol.com/" rel="nofollow">PRODUCT</a>
De Code editor en pre / code
Je kan de code van de tekst (de HTML) editen in WordPress via de knop Visueel of via Code (Control Alt Shift M). Als je een beetje code kent dan kan je hier dingen die anders niet kunnen.
Gebruik ook PRE en CODE. PRE zit ook bij de kopstijlen en heet daar Gepreformatteerd. Het wordt meestal gebruikt voor voorbeeld-code. Gebruik ook ergens <code> voor inline code die kan afbreken. De <pre> is voor block code die niet afbreekt en <pre><code> is block waar de tekst binnen blijft en dus “wrapt” :
<pre> Dit is zo'n blokje voorbeeld-code </pre>
Is er nog meer opmaak?
Ja, er kan nog meer, zoals Kapitalen, Kleinkapitaal (small caps), onderstreping, doorgehaald, <abbr> voor afkortingen, tabellen, formulieren, horizontale lijnen, <address> en <input type=tel> voor telefoonnummers.
Filmpje
Opmaak van tekst in Word:
Opmaak van tekst in WordPress (Classic Editor):
Formattering verwijderen bij het inplakken van tekst
- Als je tekst inplakt met ⌘V blijft formattering behouden
- Als je tekst inplakt met ⌘⌥⇧V plak je zonder formattering
- Dit kan zowel in Word als in WordPress
- Als je tekst plakt in de Code Editor van WordPress, vervalt de formattering ook
Markdown syntax voor HTML formatting direct in de Code Editor van WordPress
Je kan ook formatteren in de Code. Hier een overzicht of kort gezegd zo:
## Dit wordt een Kop 2 ### Dit een Kop 3 etc Zo maak je iets **vet** en zo iets *cursief* Een hr is drie streepjes: --- Een opsomning: - ten eerste - ten tweede Een genummerde opsomming: 1. de eerste 1. de tweede, je hoeft dus niet zelf te nummeren > Een blockquote gaat met zo'n haakje