Met de WordPress Site Editor kun je je hele site visueel bewerken, inclusief headers, footers en templates, zonder code. In deze handleiding leer je meer over de belangrijkste tools in de Site Editor.
Werk je voor het eerst met blokthema’s? Ontdek hoe thema’s, templates en pagina’s samenhangen.
In deze video leer je hoe je de Site Editor gebruikt om je homepage aan te passen.
Deze video is in het Engels.
YouTube biedt automatische vertaalfuncties zodat je de video in je eigen taal kunt bekijken:
Automatisch vertaalde ondertitels inschakelen:
- Speel de video af.
- Klik op het ⚙️ Instellingen-pictogram (rechtsonder in het videoscherm).
- Selecteer Ondertiteling/CC.
- Kies Automatisch vertalen.
- Selecteer je voorkeurstaal.
Automatische nasynchronisatie (experimenteel) gebruiken:
- Klik op ⚙️ Instellingen.
- Selecteer Audiotrack.
- Kies de taal waarin je wilt luisteren.
ℹ️ Vertalingen en nasynchronisaties worden automatisch gegenereerd door Google, kunnen onjuistheden bevatten en de automatische nasynchronisatie is nog in testfase, dus niet in alle talen beschikbaar.
De Site-editor gebruik je om het ontwerp van je site aan te passen, waaronder templates, navigatiemenu’s en pagina’s.
Volg deze stappen om naar de Site-editor te gaan:
- Ga naar het dashboard van je site.
- Ga met de muis over Weergave in het linkermenu of klik erop.
- Klik op Editor.
Zie je Editor niet onder Weergave? Dan ondersteunt je thema de Site-editor niet. Overweeg om over te stappen naar een blokthema om de Site-editor te kunnen gebruiken.
Wanneer je de Site-editor opent, zie je links het paneel Ontwerp met de volgende opties:
- Stijlen: Pas kleuren, lettertypen en andere ontwerpaspecten van je site aan.
- Navigatie: Beheer de navigatiemenu’s van je site.
- Identiteit: Beheer je favicon en sitelogo.
- Pagina’s: Bewerk de inhoud van afzonderlijke pagina’s van je site.
- Templates: Bewerk de structurele lay-out van de content op je site.
- Patronen: Bewerk kleinere onderdelen van je templates (zoals de header en footer) en patronen die je zelf hebt gemaakt.
Rechts zie je een preview van de homepage van je site. Klik ergens in dit gebied om de linkerzijbalk te sluiten en je homepage in de editor te openen.
Klik op de preview rechts in de Site Editor om je homepage in de bewerkingstools te openen. Dezelfde bewerkingstools zie je ook wanneer je een specifieke pagina, template of patroon bewerkt.
Bovenaan de Site-editor vind je verschillende opties, hieronder van links naar rechts toegelicht:
- Navigatie openen: Klik één keer op je favicon (of het standaard W-logo als je er nog geen hebt ingesteld) om terug te keren naar de zijbalkopties uit het vorige gedeelte. Klik er nogmaals op om terug te gaan naar het dashboard van je site.
- Blok invoegen: Klik hierop om een nieuw blok toe te voegen.
- Ongedaan maken: Draai de laatst uitgevoerde actie terug.
- Opnieuw uitvoeren: Herstel een actie die je met de knop Ongedaan maken hebt teruggedraaid.
- Lijstweergave: Bekijk een lijst van alle blokken op de pagina. De Lijstweergave is handig om de structuur van je pagina te bekijken en om blokken te bewerken, te verplaatsen of te verwijderen.
- Command Center: Hier zie je de naam van de template die je aan het bewerken bent. Klik hierop om tussen de templates van je site te zoeken.
- Weergave: Wijzig het schermformaat om je content te bekijken op desktop, tablet of mobiel. Klik op “Site bekijken” om het resultaat van je wijzigingen te zien.
- Help Center: Doorzoek onze handige handleidingen of neem contact op met ondersteuning bij abonnementen die daarvoor in aanmerking komen.
- Stijlen: Pas kleuren, lettertypen en meer aan. Meer weten over Stijlen.
- Instellingen: Toon of verberg de instellingenzijbalk aan de rechterkant.
- Opslaan: Sla je wijzigingen op. Meer weten over opslaan.
- Meer opties: Opent extra instellingen en tools.
Gebruik Stijlen in de Site-editor om kleurpaletten, lettertypen, lay-outs en andere ontwerpaspecten te kiezen die je hele site beïnvloeden. Ontdek hoe je Stijlen gebruikt.
De instellingenzijbalk bevat informatie over de template die je bewerkt, plus opties om specifieke blokken in die template aan te passen.
De instellingenzijbalk verschijnt aan de rechterkant van de editor.
Als je de zijbalk aan de rechterkant niet ziet, klik dan op het pictogram Instellingen in de rechterbovenhoek om de instellingen te openen. Dit pictogram ziet eruit als een vierkant met twee ongelijke kolommen:
Bovenaan zie je de naam van de template waaraan je werkt. Klik op de drie puntjes rechts van de templatenaam om de template terug te zetten naar de standaardversie van het thema, waarmee eventuele aanpassingen die je hebt gedaan ongedaan worden gemaakt.
Als er eerdere versies van de template bestaan, zie je een link Revisies onder de templatebeschrijving. Hiermee kun je een eerdere versie van je aangepaste template herstellen. Meer weten over templaterevisies.
Onder het gedeelte Content vind je Template onderdelen (meestal de header en footer), waarop je kunt klikken om die sitewijde elementen bij te werken.
Klik bovenaan op het tabblad Blok om de instellingen te bekijken voor het specifieke blok dat je hebt geselecteerd.
Wanneer je op de knop Opslaan klikt om wijzigingen in de Site-editor op te slaan, verschijnt er een extra scherm met een overzicht van de wijzigingen die worden opgeslagen.
Standaard zijn de vakjes naast elke wijziging aangevinkt. Je kunt een vakje uitvinken als je die wijziging niet wilt opslaan.
Wanneer je wijzigingen opslaat in een template, template onderdeel of navigatiemenu, worden die wijzigingen overal op je site doorgevoerd waar die template of dat menu wordt gebruikt.
Dit gedeelte is van toepassing op sites die zijn gemaakt met de AI-websitebouwer of sites waarop de WordPress-agent is ingeschakeld. Open de WordPress-agent door op het AI-pictogram (een vierhoekige ster) in de adminbalk bovenaan het scherm te klikken.
De WordPress-agent kan je bij elke stap van het bewerken van je site helpen — van het kiezen van een kleurenpalet tot het plannen van je navigatie en templates. Hier zijn een paar voorbeeldprompts die je kunt kopiëren en gebruiken:
- “Stel een kleurenpalet en lettertypecombinatie voor die passen bij een moderne food- en receptenblog.”
- “Hoe kan ik de navigatie het beste opzetten voor een freelance portfoliosite met een blog en contactpagina?”
- “Welke header- en footerlay-out past bij een minimalistische site voor een klein bedrijf?”
- “Ik wil dat mijn homepage uitnodigend en professioneel aanvoelt — welke lay-out zou je aanraden?”
Hier vind je meer handige bronnen en tutorials om meer te leren over alle aspecten van het bewerken van je site:
De volgende handleidingen behandelen de basis van blokbewerking. Elk stukje content dat je aan je site toevoegt, zit in een blok. Met de onderstaande handleidingen leer je hoe je blokken bewerkt, toevoegt, verplaatst en verwijdert.
WordPress-editor
De WordPress-editor gebruikt een blokkensysteem om pagina’s en berichten op je website te maken. In deze handleiding lees je hoe je blokken kunt gebruiken om prachtige lay-outs te maken. De mogelijkheden met blokken zijn eindeloos!
Inhoud toevoegen met blokken
Een blok is een enkel stukje content in de WordPress-editor. In deze handleiding leer je hoe je blokken aan je site toevoegt.
Blokken selecteren en verplaatsen
In deze handleiding leer je hoe je blokken naar een ander deel van de pagina verplaatst.
Een blok verwijderen
In deze handleiding lees je hoe je blokken van een pagina verwijdert.
In de Site Editor kun je de templates van je site ontwerpen, inclusief de headers, footers en contentgebieden. De volgende handleidingen laten je kennismaken met de basisconcepten van het ontwerpen van je site in de Site Editor.
De koptekst bewerken
In deze handleiding zie je hoe je de header van je website kan aanpassen, hier verschijnen de naam, het loge en het menu van de website gebruikelijk.
Een sidebar toevoegen met de site-editor
Veel websites, vooral blogs, hebben een sidebar om extra informatie weer te geven, zoals een afbeelding, een Over mij-tekst, links naar andere berichten, socialmediaprofielen, en veel meer. In deze handleiding zie je hoe je een sidebar toevoegt met behulp van de Site-editor. Om de beschreven methode te gebruiken, moet je site een thema gebruiken dat de Site-editor…
De lay-out van bericht bewerken
In deze handleiding leer je hoe je de lay-out van je blogberichten kunt aanpassen.
Pagina- of berichttitel verbergen
Ontdek hoe je paginatitels kunt verbergen in specifieke templates of op afzonderlijke pagina’s of berichten.
De footer bewerken
In deze handleiding zie je hoe je de footer op je website kunt bewerken.
