Wat is WordPress -editor

De WordPress- editor is de centrale hub voor het maken van content en het ontwerpen van een WordPress-site. Of je nu je eerste blog bouwt of een volwaardige bedrijfswebsite ontwikkelt, de editor speelt een cruciale rol in hoe je content creëert, lay-outs beheert en de algehele uitstraling van je site bepaalt.

Deze handleiding behandelt alles, van de basisprincipes tot geavanceerde functies, en helpt zowel beginners als ervaren gebruikers om het maximale uit de WordPress-editor te halen.

Definitie van de WordPress-editor

De WordPress-editor, ook wel bekend als de blokeditor of Gutenberg-editor, is sinds versie 5.0 de standaardeditor voor alle WordPress-sites. Deze verving de oudere klassieke editor, vaak de TinyMCE-editor genoemd, en introduceerde een moderne, visuele bewerkingservaring gebaseerd op een systeem van modulaire contentblokken.

Elk contentelement, of het nu een alinea, afbeelding, video of knop is, wordt als een apart blok toegevoegd, wat zorgt voor meer flexibiliteit en visuele controle. Deze blokstructuur helpt gebruikers bij het creëren van pagina's met veel multimedia-elementen zonder dat ze code hoeven te schrijven.

Korte geschiedenis en evolutie van de WordPress-editor

De nieuwe editor is sinds de begindagen van het platform enorm geëvolueerd. Aanvankelijk gebruikte WordPress de klassieke editor op basis van TinyMCE , een eenvoudige WYSIWYG-interface die basisopmaak mogelijk maakte, maar beperkte flexibiliteit bood en geen visuele controle over de lay-out. Naarmate webstandaarden zich ontwikkelden, veranderden ook de verwachtingen van gebruikers. De behoefte aan een intuïtiever en flexibeler hulpmiddel voor contentcreatie leidde tot de ontwikkeling van het Gutenberg-project.

aangekondigd in 2017 en officieel uitgebracht met WordPress 5.0 op 6 december 2018, introduceerde een modulair systeem waarbij content wordt opgedeeld in blokken, tekst, afbeeldingen, knoppen en meer. Dit betekende een revolutionaire verandering, van een statische editor naar een dynamische, visuele interface.

Na verloop van tijd kreeg de editor functies zoals herbruikbare blokken, blokpatronen en ondersteuning voor theme.json, waardoor gebruikers en ontwikkelaars lay-outs nauwkeurig konden aanpassen. De volgende belangrijke mijlpaal was de Full Site Editing (FSE) in WordPress 5.8 en 5.9, waarmee blokgebaseerde bewerking werd uitgebreid naar sjablonen, headers , footers en globale stijlen.

De WordPress-editor is tegenwoordig veel meer dan alleen een schrijftool voor de content van de website; het is een robuuste ontwerpinterface die de volledige WordPress-ervaring mogelijk maakt. Dankzij een actieve open-source community en frequente updates via de Gutenberg-plugin blijft de editor zich ontwikkelen op basis van feedback van gebruikers en de behoeften van modern webdesign.

Soorten WordPress-editors

WordPress biedt tegenwoordig verschillende soorten editors aan. Laten we daarom eens kijken wat een WordPress-editor is en welke varianten er zijn, elk afgestemd op verschillende gebruikersbehoeften:

Blokeditor (Gutenberg-editor): De meest gebruikte en meest complete optie. De blokeditor gebruikt blokken om de inhoud en het ontwerp te structureren. Elk onderdeel van je bericht of pagina kan afzonderlijk worden aangepast, van alinea tot afbeelding.

Klassieke editor: Deze is nog steeds beschikbaar via een plug-in en biedt een traditionele interface die lijkt op die van tekstverwerkers. Hij mist de flexibiliteit van meerdere blokken, waaronder het klassieke blok en moderne opmaaktools, maar gebruikers die eenvoud waarderen, geven er wellicht de voorkeur aan.

Site-editor: Als onderdeel van het initiatief voor volledige sitebewerking kunt u met de site-editor uw hele website aanpassen, inclusief headers, footers en paginasjablonen. Het is ideaal voor gebruikers die volledige ontwerpvrijheid willen zonder externe paginabouwers nodig te hebben.

Code-editor: De code- editor stelt gevorderde gebruikers in staat om HTML, CSS en inline scripts direct te bewerken. Deze is toegankelijk via het pictogram met de drie puntjes rechtsboven in de editor.

Kernfuncties van de WordPress-blokeditor

De WordPress-blokeditor bevat een uitgebreide set functies, zoals het knoppenblok, ontworpen om het maken van content en het ontwerpen van websites te stroomlijnen:

• Blokken invoegen : Voeg nieuwe blokken toe met een simpele klik of toetsenbordopdracht.

• Herbruikbare blokken : sla inhoud of lay-outs op en hergebruik ze in meerdere berichten of pagina's.

• Blokpatronen : Toegang tot vooraf ontworpen secties zoals galerijen of call-to-actions.

• Instellingenzijbalk : Pas blokinstellingen aan, zoals typografie, opvulling en achtergrondkleur.

• Gedetailleerde blokbewerking : Beheer het uiterlijk en het gedrag van individuele blokken zonder de rest van de lay-out te beïnvloeden.

• Volledig schermmodus : concentreer u volledig op uw inhoud door afleidingen te verbergen.

• Bovenste werkbalk : een centraal menu voor bloknavigatie, ongedaan maken/herstellen en tools voor de inhoudsstructuur.

Meer informatie: Figma naar Gutenberg: een uitgebreide handleiding voor WordPress-conversie

Blokken en lay-outs aanpassen in de WordPress-editor

Blokken in de WordPress-editor zijn veel meer dan simpele contentcontainers; het zijn flexibele ontwerpelementen die naar wens kunnen worden vormgegeven, gepositioneerd en gestructureerd om aan te sluiten bij de doelstellingen en de esthetiek van je website.

Zo haal je het meeste uit de aanpassingsmogelijkheden voor blokken en lay-outs:

Stijl individuele blokken

Je kunt elk blok aanpassen door de achtergrondkleur te wijzigen, aangepaste kopteksten toe te voegen, de opvulling en marges aan te passen of typografische stijlen rechtstreeks vanuit de instellingenzijbalk toe te passen.

Inhoud eenvoudig invoegen en herschikken

Gebruik de blokkeninvoegfunctie (schakel deze in via de linker- of rechterbovenhoek) om elementen toe te voegen, zoals een nieuw alineablok, een afbeeldingsblok of om video's en socialemediafeeds in te sluiten. Blokken kunnen worden versleept, neergezet of verplaatst met behulp van de pijltjes omhoog/omlaag.

Navigeren met behulp van het tabblad 'Blok' en het documentoverzicht

Schakel tussen het bloktabblad en de documentstructuur om de inhoudsstructuur beter te begrijpen. De structuur is handig voor lange berichten of pagina's, zodat u snel naar kopjes of een specifiek blok kunt springen.

Geavanceerde blokkeeropties

Klik op de verticale puntjes (of het pictogram met de drie puntjes) bij een geselecteerd blok om het te dupliceren, meerdere blokken te groeperen of volledig te verwijderen. Je kunt blokken ook omzetten in herbruikbare blokken voor herhaald gebruik op je website.

Indelingsflexibiliteit

De editor ondersteunt meerdere blokken op één regel met behulp van kolommen, groepen en gestapelde blokken. U kunt aangepaste lay-outs maken met blokpatronen of bestaande lay-outs aanpassen. Uitlijning, breedte-instellingen (breed/volledig) en afstand zijn eenvoudig toegankelijk via de werkbalk en de zijbalk .

Ontwerp op patroonniveau

Gevorderde gebruikers kunnen blokpatronen maken of aanpassen om het ontwerpproces te versnellen, terwijl beginners voorgebouwde patronen kunnen gebruiken om pagina's met veel multimedia-elementen te creëren zonder helemaal opnieuw te hoeven beginnen.

Gebruik van de volledige schermmodus en de bovenste werkbalk

Door de volledige schermmodus in te schakelen, kunt u zich volledig op de lay-out concentreren zonder afleiding, en de bovenste werkbalk biedt snelle toegang tot algemene tools voor opmaak en blokbeheer.

Meer weten: Gutenberg versus Elementor

Volledige sitebewerking en de site-editor

Sitebewerking is een doorontwikkeling van de blokeditor waarmee gebruikers hun hele website kunnen aanpassen. Met de site-editor kunt u:

• Bewerk kopteksten, voetteksten en zijbalken wereldwijd.
• Bewerk sjablonen voor berichten, pagina's, archieven en meer.
• Gebruik en creëer je eigen blokpatronen en sjabloononderdelen.
• Beheer wereldwijde stijlen via een uniforme interface.

Je kunt de sjabloonbewerkingsmodus direct openen wanneer je een bericht of pagina met een blokthema bewerkt.

Content maken en beheren met de WordPress-editor

De WordPress-editor vereenvoudigt het proces van contentcreatie:

• Begin door op "Nieuw toevoegen" te klikken om een ​​nieuwe pagina of een nieuw bericht te maken.
• Gebruik de blokkeninvoegfunctie om tekst, afbeeldingen , ingesloten elementen en meer toe te voegen.
• Geef tekst op met behulp van het alineablok, het kopblok of inline code.
• Voeg media in met behulp van het afbeeldingsblok, galerijen of ingesloten content.
• Beheer SEO met behulp van kopjes en een documentstructuur.
• Houd het aantal woorden en de structuur bij met behulp van de bovenste werkbalk.

Elk afzonderlijk blok heeft zijn eigen instellingen, die toegankelijk zijn via de instellingenbalk aan de zijkant.

Lees ook: Elementor naar Gutenberg conversie: de ultieme handleiding voor de overstap naar blokken

Editortools en workflowverbeteringen

Verschillende tools verhogen de productiviteit en de mogelijkheden tot personalisatie:

• Bovenste werkbalk : Een uniforme balk voor lay-outbeheer, ongedaan maken en acties in het commandocentrum.
• Instellingenzijbalk : Schakel deze in of uit in de rechterbovenhoek om eigenschappen op blokniveau aan te passen.
• Blokinvoeger in- of uitschakelen : Toon of verberg de invoeger om uw weergave overzichtelijk te houden.
• Pictogram met drie puntjes : Toegang tot modi zoals de code-editor of de volledige schermmodus.
• Toetsenbord sneltoetsen : Versnel uw werk met snelle commando's voor acties zoals het dupliceren van blokken of het wisselen tussen weergaven.

Verder lezen: Stapsgewijze handleiding voor het maken van aangepaste blokken in WordPress

Voordelen van het gebruik van de WordPress-editor

De WordPress-editor biedt tal van voordelen:

• Visuele editor : Biedt een overzichtelijke, intuïtieve interface voor het maken van content zonder code.
• Rijk aan multimedia : Maak eenvoudig pagina's met afbeeldingen, video's en interactieve blokken.
• Herbruikbare blokken : Bespaar tijd door blokken en patronen in verschillende content te hergebruiken.
• Gedetailleerde bewerking : Verfijn individuele blokken en bewerk de volledige site-indeling.
• Moderne updates : Regelmatig verbeterd om te voldoen aan de steeds veranderende webstandaarden.
• Brede compatibiliteit : Werkt naadloos met de meeste thema's en plugins.

Aan de slag met de WordPress-editor

Als je nieuw bent met WordPress, is aan de slag gaan eenvoudig:

• Log in op je WordPress-dashboard.
• Ga naar Berichten ⟶ Nieuw bericht toevoegen of Pagina's ⟶ Nieuwe pagina toevoegen.
• Gebruik de blokkeninvoeger om inhoud toe te voegen.
• Verken de opmaakopties via het tabblad 'Blok' en de zijbalk met instellingen.
• Bekijk een voorbeeld en publiceer zodra het klaar is.
• Gebruik de videotutorial in je dashboard voor een visuele handleiding.

Tips en beste werkwijzen voor de WordPress-editor

• Eerst de alinea : bouw een duidelijke inhoudsstructuur op met een alinea-blok.
• SEO-optimalisatie met kopteksten : Gebruik koptekstblokken om de SEO en de toegankelijkheid van uw pagina te verbeteren.
• Herbruikbare lay-outs : Sla standaardlay-outs op als herbruikbare blokken voor meer efficiëntie.
• Variatie in lay-out : Probeer verschillende lay-outopties en blokpatronen voor een beter ontwerp.
• Volledig scherm : Gebruik de modus volledig scherm om geconcentreerd te blijven tijdens het bewerken.
• Controleer de werkbalk : bekijk de bovenste werkbalk en de verticale stippen voor handige tools en instellingen.

Problemen oplossen die vaak voorkomen

Als u problemen ondervindt:

• Laadt de editor niet? Wis de browsercache of schakel conflicterende plug-ins uit.
• Ontbreken er blokinstellingen? Controleer de schakelaar in de zijbalk met instellingen.
• Wordt de inhoud niet opgeslagen? Zorg ervoor dat uw hostingprovider voldoet aan de WordPress-vereisten.
• Is de lay-out defect? ​​Herstel de wijzigingen met behulp van revisies of test in de code-editor.
• Kunt u een specifiek blok niet vinden? Gebruik de zoekfunctie in de blokkeninvoeger om alle beschikbare blokken te bekijken.

Conclusie: Waarom de WordPress-editor belangrijk is

De WordPress-editor is meer dan alleen een tool voor content; het is het hart van de WordPress-website. Of je nu een blogpost schrijft of je homepage opnieuw ontwerpt, de editor biedt de kracht en flexibiliteit om iets unieks te creëren dat helemaal van jou is.

Met ondersteuning voor pagina's met veel multimedia-elementen, volledige sitebewerking en continue innovatie stelt het WordPress-gebruikers van alle niveaus in staat om dynamische en prachtige websites te creëren.

Veelgestelde vragen over de WordPress-editor