Handleidingen/Inhoud aanmaken/De klassieke editor gebruiken

De klassieke editor gebruiken

In deze gids wordt uitgelegd hoe je de Classic Editor gebruikt, de verouderde bewerkingservaring op WordPress. De moderne WordPress-editor kan alles doen wat de Classic Editor ook kan en nog veel meer, dus hoewel de Classic Editor nog steeds beschikbaar is, wordt deze niet aanbevolen.

Hoe open je de Classic Editor

💡

Wist je dat? In de WordPress-editor vind je het Classic-blok dat de functionaliteit van de Classic Editor nabootst in de WordPress-editor. Je kan het Classic-blok gebruiken om volledig te profiteren van alle functies van de WordPress-editor terwijl je de klassieke schrijfervaring behoudt.

Je hebt nog steeds toegang tot de Classic Editor als je liever die gebruikt. De stappen voor toegang tot de Classic Editor zijn afhankelijk van de plugins die je site wellicht gebruikt of niet:

Voor sites zonder plugins

Om een pagina of bericht in de Classic Editor te bewerken, volg je de volgende stappen:

  1. Ga naar het dashboard van je site.
  2. Zorg ervoor dat onder Instellingen → Algemeende ‘Stijl van de beheerdersinterface‘ is ingesteld op ‘Standaard‘ en niet op ‘Klassiek‘.
  3. Ga naar Pagina’s of Berichten.
  4. Beweeg je cursor over de pagina’s of berichten die je wilt bewerken tot het menu eronder verschijnt en selecteer ‘Classic Editor‘:
Een lijst met pagina's met een pijl die wijst naar de Classic Editor-link.
Hoe open je de Classic Editor in de Standaardweergave op WordPress.com

Sites met plugins

Als je een site hebt die plugins ondersteunt, dan kan je de Classic Editor gebruiken door de Classic Editor-plugin te activeren. Deze is al automatisch geïnstalleerd.

  1. Ga naar het dashboard van je site.
  2. Navigeer in de sidebar naar Plugins → Geïnstalleerde plugins.
  3. Zoek naar de reeds geïnstalleerde Classic Editor-plugin
  4. Klik op de link ‘Activeren‘ onder de naam van de plugin.
  5. Wanneer je een nieuw bericht of nieuwe pagina aanmaakt, wordt dit standaard ingesteld op de Classic Editor.

Als de Classic Editor-plugin actief is en je naar de WordPress-editor gaat om een pagina te bewerken, controleer dan het volgende (dit geldt niet voor sites die de plugin niet gebruiken):

  1. Ga naar het dashboard van je site.
  2. Navigeer aan de linkerkant naar Instellingen Algemeen.
  3. Zorg dat je in de Klassieke weergave zit door te klikken op het tabblad Weergave in de rechterbovenhoek en vervolgens te klikken op ‘Klassieke weergave.’
  4. Zorg ervoor dat de ‘Standaard editor voor alle gebruikers‘ is ingesteld op ‘Classic Editor’.
  5. Scrol naar beneden en klik op de knop ‘Wijzigingen opslaan‘ om alle wijzigingen die je hebt aangebracht aan de instellingen toe te passen.
De opties 'Standaardeditor voor alle gebruikers' en 'Gebruikers mogen van editor wisselen' in de Schrijfinstellingen.

Over de Classic Editor

Je kan de Classic Editor gebruiken om content te maken, te bewerken en op te maken, in een weergave die lijkt op een tekstverwerker. Je kan ook de moderne WordPress-editor gebruiken om alles te maken wat de Classic Editor kan doen, van eenvoudige blogberichten en artikelen tot websites boordevol media, die snel reageren op mobiele apparaten en die uniek zijn.

De Classic Editor heeft twee weergaven: Visueel en HTML. Tenzij je weet hoe je via HTML wijzigingen kan doorvoeren, zorg ervoor dat je het tabblad Visueel  in de rechterbovenhoek van het editorgebied hebt geselecteerd:

De Classic Editor met een vak om het tabblad 'Visueel' getekend.
Tabblad Visueel Classic Editor

De inhoud van de klassieke editor wordt vormgegeven door de CSS (een soort code die HTML zijn stijl geeft, zoals kleur, ruimte, breedte etc.) van het thema dat je kiest. Het kan zijn dat wat je in de editor ziet niet helemaal overeenkomt met de live site. Klik op de knop Voorbeeld om te zien hoe het bericht of de pagina er op de live site uitziet.

Uitleg van de knoppen van de Classic Editor

Er zijn twee rijen bewerkingsknoppen in de klassieke editor. Je kan zien wat elke knop doet door je muis erboven te laten zweven. Er verschijnt dan een kleine tooltip die het pictogram en de functie ervan beschrijft.

Eerste regel met bewerkingsknoppen

Wanneer je hem opent, toont de klassieke editor één rij pictogrammen:

Het bovenste gedeelte van de Classic Editor met verschillende knoppen en pictogrammen voor het toepassen van opmaak.
Opmaak Classic Editor

Dit zijn de pictogrammen van links naar rechts:

  1. Media toevoegen (afbeeldingen, video’s en meer.)
  2. Stijl – verschillende stijlen op basis van je thema
  3. Dikgedrukt
  4. Cursief
  5. Ongeordende lijst (opsommingstekens):
    • Item 1
    • Item 2
  6. Geordende lijst
    1. Item 1
    2. Item 2
  7. Blokcitaat (een manier om geciteerde tekst vorm te geven, met een andere stijl in elk thema.)
  8. Links uitlijnen
  9. Centreren
  10. Rechts uitlijnen
  11. Link invoegen/bewerken/verwijderen
  12. Voeg Meer-tag in
  13. Werkbalk aanzetten  (dit schakelt de tweede rij bewerkingspictogrammen in)
  14. Contactformulier toevoegen

Tweede regel met bewerkingsknoppen

Om de tweede rij pictogrammen weer te geven, selecteer je rechts naast de eerste regel (knopnummer 13) het pictogram werkbalk wisselen. Hiermee open je een tweede werkbalk die er als volgt uit ziet:

Een pijl van het pictogram Werkbalk wisselen naar de tweede rij bewerkingspictogrammen.
Extra bewerkingstools

Dit zijn de pictogrammen van links naar rechts:

  1. Doorgestreept
  2. Horizontale lijn
  3. Tekstkleur selecteren – om de tekstkleur te veranderen
  4. Plakken als tekst
  5. Opmaak verwijderen
  6. Speciaal teken invoegen
  7. Uitspringen – om tekst verder naar links te plaatsen
  8. Inspringen – om tekst verder naar rechts te plaatsen
  9. Ongedaan maken – om je laatste actie ongedaan te maken
  10. Herhalen – om je laatste actie nogmaals uit te voeren
  11. Help – om sneltoetsen te weergeven.

Uitlijnen

Zowel tekst als afbeeldingen kunnen uitgelijnd worden met de juiste pictogrammen:

Links

Links uitlijnen
Links uitlijnen

Rechts

Rechts uitlijnen
Rechts uitlijnen

Gecentreerd

Centreren
Centreren

Stijlen

Met het vervolgkeuzemenu voor stijl kun je de indeling van een geselecteerd stuk tekst veranderen. Denk bijvoorbeeld aan verschillende kopteksten en andere vooraf ingestelde stijlen die bij je thema horen.

Let erop dat voor verdere aanpassing van de stijl de Aangepaste CSS (en bijbehorende kennis van CSS) noodzakelijk is.

Tekststijlen in de Klassieke Editor
Tekststijlen in de Klassieke Editor

Tekstkleur

Om de tekstkleur te veranderen moet je eerst een stuk tekst selecteren:

klik op het pijltje naar beneden naast de knop voor de tekstkleur om de kleurkiezer weer te geven. Het pijltje is naar boven gericht wanneer de kleurkiezer open staat. Je kan erop klikken om de kleurkiezer te sluiten zonder een kleur te kiezen:

afbeelding van optie voor kleurkeuze

Wanneer je een kleur kiest, wordt die kleur toegepast op de geselecteerde tekst en wordt die de standaardkleur voor de kleurknop.

Wanneer je op de tekstkleurknop zelf klikt, wordt de laatste standaardkleur toegepast.

afbeelding van standaard kleurkeuzeknop

Tekst plakken

Wanneer je tekst van een andere plek kopieert en plakt, kan het gebeuren dat die er niet precies uitziet zoals je verwacht had. Als je tekst vanuit een ander programma (zoals een e-mail- of tekstverwerker) plakt, kan dit mogelijk ongewenste opmaak met zich meebrengen.

Met de knop ‘Plakken als tekst‘ verwijder je alle speciale opmaak en HTML-tags die ervoor kunnen zorgen dat de opmaak van je tekst verandert.

Hieronder zie je hoe de Werkbalk eruitziet in de modus ‘Tekst zonder opmaak uit’. Er zit geen rand omheen:

afbeelding van knop plakken als tekst wanneer niet actief

Hieronder zie je hoe de Werkbalk eruitziet in de modus ‘Tekst zonder opmaak aan’. Het pictogram is nu omrand, en de knop is zwart gekleurd:

afbeelding van knop plakken als tekst wanneer actief

Opmaak verwijderen

Knop opmaak wissen

De knop opmaak wissen verwijdert alle opmaak (vetgedrukt, cursief, kleuren etc.) van een geselecteerd stuk tekst. Selecteer eerst je tekst:

afbeelding van opgemaakte tekst

Wanneer je op de knop klikt, wordt alle opmaak verwijderd:

afbeelding van tekst na klikken op de knop opmaak wissen.

Speciale tekens

Je kan speciale tekens invoegen in je bericht of pagina. Plaats je cursor waar je het teken wilt invoegen en klik op de knop aangepast teken invoegen. Er verschijnt een pop-upvenster:

afbeelding van speciale tekens

Als je op een teken klik, wordt het ingevoegd op de positie van je cursor.

Uitspringen / inspringen

De knop inspringen verplaatst tekst met een stap en de knop uitspringen haalt een stap weg.

voorbeeld-uitspringen
voorbeeld-inspringen

Spatiëring

Door op de Enter-knop te drukken, eindigt de paragraaf die je schrijft en begin je een nieuwe. Als je een nieuwe regel wilt beginnen zonder een nieuwe paragraaf te maken, houd dan de Shift-knop ingedrukt wanneer je op Enter drukt.

Sneltoetsen

De klassieke editor heeft verschillende ingebouwde sneltoetsen, ook wel toetsenbordcombinaties.

Om een lijst van alle beschikbare sneltoetsen te bekijken, klik je op de knop werkbalk wisselen om de tweede rij pictogrammen weer te geven en klik je daarna op het pictogram ‘Toetsencombinaties‘ (vraagteken) aan het einde van de tweede rij.

Er verschijnt een venster met een lijst sneltoetsen die je in de editor kan gebruiken.

Afbeelding van sneltoetsen

Gebruik de Command + toets op Mac of de Control + toets op Windows voor standaard sneltoetsen:

SleutelActieSleutelActie
cKopiërenxKnippen
vPlakkenaAlles selecteren
zOngedaan makenjOpnieuw doen
bDikgedruktiCursief
uOnderstreeptkLink invoegen/bewerken

Druk voor aanvullende sneltoetsen op Control + Optie + toets op Mac, Control + Alt + toets op Windows:

SleutelActieSleutelActie
1Kop 12Kop 2
3Kop 34Kop 4
5Kop 56Kop 6
lLinks uitlijnencCentreren
rRechts uitlijnenjUitvullen
dDoorstrepenqBlockquote
uOpsommingslijstoGenummerde lijst
aLink invoegen/bewerkensLink verwijderen
mAfbeelding invoegen/bewerkentLees meer-tag invoegen
hToetscombinatiesxCode
pPagina-einde-tag invoegen

Copied to clipboard!