# Een restaurantwebsite bouwen met WordPress

URL: https://canvaswp.com/nl/guides/build-a-restaurant-website-with-wordpress/
Updated: 2026-11-03

Gids

Een restaurantwebsite heeft vier taken: het eten laten zien, laten zien dat de ruimte de reis hierheen waard is, een reservering aannemen en mensen laten weten wanneer je open bent. Deze gids behandelt alle vier, van een lege WordPress-installatie tot een site die je aan een klant kunt overdragen.

Gepubliceerd op 5 september 2026 Laatst bijgewerkt 3 november 2026 Geschreven door het Canvas-team bij SemiColonWeb

## Stap 1: WordPress klaarzetten

Een restaurantsite steunt meer dan de meeste op drie WordPress-instellingen, dus stel die in voordat je aan het ontwerp begint.

- **Sitetitel en ondertitel.** Instellingen, dan Algemeen. De naam van het restaurant hoort in de titel en het eten en de buurt in de ondertitel. Het browsertabblad, het zoekresultaat en de deelkaart die een gast doorstuurt naar vrienden, zijn allemaal opgebouwd uit die twee regels.
- **Permalinks.** Instellingen, dan Permalinks, dan Berichtnaam. De menupagina krijgt een adres dat kort genoeg is om op een tafelkaartje of flyer te printen.
- **Tijdzone.** Ga terug naar het scherm Algemeen en kies de stad waar het restaurant zelf gevestigd is. Reserveringsverzoeken krijgen er een tijdstempel mee, en een verkeerde stad zet de boeking van vanavond onder morgen.

Alles wat bij het voorbereiden van WordPress komt kijken, is hetzelfde voor elke Canvas-site: de WordPress- en PHP-versies, een back-up die je echt hebt getest, en genoeg PHP-geheugen voor de foto's die een import downloadt. De importgids behandelt dit één keer, voor elk project.

[Vereisten en back-ups vóór het importeren](https://canvaswp.com/nl/guides/import-a-wordpress-demo-website/#before)

Een reserveringsverzoek is alleen waardevol als de keuken het ziet vóór de service. WordPress geeft zijn e-mail standaard door aan je server, en heel wat hosts laten die e-mail stilletjes vallen. Richt nu een e-mailbezorgdienst of een SMTP-plugin in en stuur jezelf een testmail.

## Stap 2: Installeer Canvas en start de installatiewizard

Upload het thema-zipbestand via je dashboard onder Weergave, Thema's, Nieuw toevoegen en activeer het. De installatiewizard opent vanzelf, en voor dit project gaat dat snel.

- **Eerst de licentie.** Plak de licentiesleutel uit je dashboard. Die sleutel zorgt ervoor dat de installatiewizard in de volgende stap het restaurantpakket kan downloaden.
- **Zoek naar Italian Restaurant** in de demostap. De kaart toont de pagina's, berichten en gerechten die erbij komen voordat je kiest.
- **De plugin-stap slaat zichzelf over.** Het restaurantontwerp heeft niets meer nodig dan Canvas en de begeleidende plugin die de wizard voor je installeert.

Sluit de installatiewizard halverwege af en hij wacht onder het Canvas-menu tot je terugkomt.

**De demostap.** Zoek op naam en lees wat de kaart zegt dat de demo oplevert.

[Wat elk van de 9 stappen van de installatiewizard doet](https://canvaswp.com/nl/setup-wizard/)

## Stap 3: De restaurant-demo importeren

Bekijk [de live preview](https://demos.canvaswp.com/restaurant/) van de Italian Restaurant-demo voordat je hem importeert en klik door naar het menu en de reserveringspagina. De preview draait op hetzelfde thema dat je installeert, dus wat daar werkt, werkt ook voor jou.

### Sitebreed, op een nieuwe site

Importeer op een lege installatie sitebreed. De lettertypen, kleuren, Thema-opties en menu's van het restaurant worden van jouw site, zodat de pagina voor besloten diners die je volgende winter toevoegt, nog steeds bij de rest past. Importeren in een site die al draait, is de andere keuze; de importgids legt uit wanneer dat past.

### Wat je ontvangt

- 6 pagina's, van de startpagina tot het menu, het verhaal en de contactpagina
- 6 blogberichten met hun categorieën, zodat de nieuwssectie op dag één niet leeg is
- 50 gerechten, elk een eigen Menu Item-record
- Een slider, een werkend reserveringsformulier en 2 navigatiemenu's die aan hun locaties zijn toegewezen
- Header-, footer- en paginatitelontwerpen, elk een bewerkbaar record
- De foodfotografie, gekopieerd naar je eigen mediabibliotheek

**De startpagina na import.** Echte content, klaar om door de jouwe te worden vervangen.

Als de eetzaal op de foto's helemaal niet op die van jou lijkt, draai de import dan terug vanuit Canvas, via Demo-import, en probeer een van de andere restaurantdemo's. Je eerdere instellingen komen er dan weer mee terug.

[Scopes, importfasen en terugdraaien, één keer uitgelegd](https://canvaswp.com/nl/guides/import-a-wordpress-demo-website/)

## Stap 4: Vervang de demoteksten en afbeeldingen

Open de homepage via Pagina's. De editor tekent de header, de slider, de paginatitelbalk en de footer rondom je inhoud, zoals een gast ze ziet, zodat je de welkomstzin schrijft met de echte pagina eromheen.

### Klikken, typen, vervangen

Elke kop, alinea en afbeelding op de pagina is een blok. Klik erop om het direct te overtypen, of kies Vervangen bij een afbeelding om een eigen foto te kiezen. Het paneel rechts bevat alles wat dat blok verder ondersteunt, van de kleuren tot de link.

### Zeg concreet wat je bedoelt

De demotekst is bewust generiek, en dat maakt hem makkelijk te herkennen en makkelijk te verslaan. Vervang “Authentic Italian cuisine” door iets wat alleen jij kunt zeggen: de regio waar de recepten vandaan komen, de naam van de persoon aan de pass, het hout in de oven, het uur waarop het brood uit de oven komt. Een gast die kiest tussen twee restaurants let op details, niet op bijvoeglijke naamwoorden.

Wanneer een sectie niet bij je restaurant past, verwijder je hem en zet je er een patroon voor in de plaats. Er zijn 183 patronen om uit te kiezen, die elk als gewone blokken worden toegevoegd, klaar om opnieuw te ordenen.

**Bewerken van de homepage.** Wat je ziet terwijl je typt, is wat een gast te zien krijgt.

## Stap 5: Bouw het menu met gerechten

Het menu is de pagina waarvoor bezoekers komen, dus het verdient meer dan een alinea tekst. De demo voegt een Menu Items-inhoudstype toe met één record per gerecht, dat in het beheerpaneel net als berichten wordt weergegeven.

### Bewerk de gerechten, niet de pagina

Open Menu Items en bewerk een item: de naam van het gerecht, de beschrijving, een foto, een prijs en de menucategorie. Voedingswaarden staan als aparte velden klaar als je ze wilt publiceren. Sla het op en de menupagina wordt bijgewerkt, omdat de pagina een blok bevat dat de items weergeeft en ze elke keer opnieuw ophaalt.

Die scheiding maakt het menu onderhoudbaar. Wanneer de prijs van een gerecht op dinsdag verandert, pas je één record aan en volgt elke pagina die dat gerecht toont vanzelf.

### Groepeer het menu zoals de keuken dat doet

Gebruik menucategorieën voor voorgerechten, pasta, hoofdgerechten, desserts en drankjes. Met het blok Menu Items kun je die categorieën weergeven als tabbladen, als een eenvoudige set kaarten of als carrousel, zodat een lange lijst op een telefoon leesbaar blijft. Stel in hoeveel items er worden getoond, uit welke categorie ze komen en in welke volgorde.

Werk de records één keer door, verwijder de gerechten die je niet serveert en voeg je eigen gerechten toe. Het gaat sneller dan het klinkt, en dit is de laatste keer dat je over de indeling hoeft na te denken.

Publiceer prijzen die je keuken een seizoen lang kan volhouden. Een menupagina die drie maanden achterloopt, doet meer kwaad dan een menupagina die wat saaier is dan je wilde.

## Stap 6: Reserveringen aannemen met een formulier

De demo bevat een werkend formulier. Een formulier in Canvas is een record dat is opgebouwd uit blokken: een Form-blok bevat de velden, een Form Field-blok definieert elk veld, een Form Submit Button verstuurt het en een Form Embed-blok plaatst het afgewerkte formulier op elke pagina.

### De velden die een reservering nodig heeft

- **Datum**- en **Tijd**-velden, met een vroegste en een laatste tijd. Stel de vroegste in op het uur waarop je opent en de laatste op je laatste reserveringsronde, en zet het interval op vijftien of dertig minuten, zodat je geen boeking krijgt voor 19:07.
- Een **Number**-veld voor het aantal gasten, met een minimum en een maximum die aansluiten bij je grootste tafel.
- **Tekst**- en **Telefoon**-velden voor de naam en het telefoonnummer, en een **e-mail**-veld voor de bevestiging.
- Een **Textarea** voor allergieën, kinderstoelen en het jubileum dat je anders zou missen.
- Een selectievakje voor **toestemming** als je gasten later een e-mail wilt sturen, en een **Honeypot**-veld, een onzichtbare val die de meeste spam stilletjes vangt zonder een mens lastig te vallen.

### Waar de aanvragen naartoe gaan

Het reserveringsformulier van de demo bevat velden voor een naam, een telefoonnummer en een e-mailadres, een datumkiezer die dagen in het verleden grijs maakt, een tijdmenu en een menu voor het aantal personen. Elk verzoek wordt opgeslagen in een tabel op je eigen site, te vinden onder Submissions in het WordPress-beheer. Er wordt nog niemand een e-mail gestuurd: open het formulier, zet Send Email Notification aan in het tabblad Actions en stel het adres in op een adres dat iemand tijdens de dienst leest. Boek daarna zelf een tafel en controleer of het bericht aankomt.

Behandel elke aanvraag als een verzoek dat je bevestigt. Het formulier legt de boeking vast; het telt geen gasten en houdt geen tafel vast. Heb je live beschikbaarheid nodig, dan is aparte reserveringssoftware daarvoor het juiste hulpmiddel, en de webhook-actie van het formulier kan elke aanvraag daarnaartoe doorgeven. Stel ook een bewaartermijn in op het formulier, zodat de telefoonnummers van gasten volgens een schema dat jij kiest worden verwijderd.

83 van de 88 Demo's bevatten minstens één werkend formulier, dus meestal bewerk je een formulier en is de koppeling al klaar.

## Stap 7: Header, openingstijden en contactgegevens instellen

De header is de plek waar een hongerige bezoeker naar het telefoonnummer zoekt, en de footer is de plek waar die naar het adres zoekt. Beide zijn opgebouwd uit blokken in Canvas en bewerk je net als een pagina.

### De header

Een headerrecord bevat zones, en een zone is een cel in de headerrij. Zet het logo in de eerste, de navigatie in het midden, en in de laatste een Header Icon Link met je telefoonnummer naast een Header Button met de tekst Reserveer een tafel. Het blok Header Info bevat het adres of de openingstijden als er ruimte voor is.

Voeg een topbalk toe boven de header voor de openingstijden van vandaag of een feestdagensluiting. Een topbalk is een eigen record, dus het bericht verandert zonder dat je de header helemaal hoeft te openen.

### Openingstijden in de footer

De footer krijgt een Footer Contacts-blok voor het adres en het telefoonnummer, plus een kolom met openingstijden ernaast. Schrijf de openingstijden als tekst die bezoekers gemakkelijk lezen, en houd ze actueel, want niets irriteert een bezoeker meer dan aankomen bij een gesloten deur.

Zowel de header als de footer hebben een sitebrede standaard en een overschrijving per pagina, zodat een landingspagina voor besloten diners een transparante header over een foto kan tonen terwijl de rest van de site zijn eigen instellingen behoudt.

[De headerbouwer en footerbouwer in volle omvang](https://canvaswp.com/nl/header-builder/)

[De vier restaurantdemo's, vergeleken](https://canvaswp.com/nl/wordpress-themes/restaurant/)

## Stap 8: Controleer het en open daarna

Loop deze lijst door voordat je iemand naar de site stuurt. Hij is kort, en elk punt erop heeft iemand al eens in verlegenheid gebracht.

- **Doe een echte testboeking** vanaf je telefoon, met de wifi van het restaurant uitgeschakeld, en controleer of de melding binnenkomt.
- **Bekijk elke pagina op een telefoon.** De meeste mensen die vanavond een restaurant zoeken, zijn onderweg.
- **Controleer het adres, het telefoonnummer en de openingstijden** op elke pagina waarop ze terugkomen, inclusief de footer.
- **Schrijf alt-tekst** voor de foto's. Het helpt mensen die een schermlezer gebruiken, en een zoekmachine leest het mee met de pagina om je eetzaal te begrijpen.
- **Bekijk het SEO-scherm.** Canvas leidt titels, beschrijvingen, deelkaarten en gestructureerde data af uit je actuele content, dus het werk hier is de content concreet maken, en niet een tweede reeks velden invullen.
- **Schakel de prestatieschakelaars in** die je nodig hebt. Er zijn 35 optimalisaties, die allemaal terug te draaien zijn, en elk laadt minder van wat je pagina's nooit gebruiken.

Publiceer daarna de site, zet het adres op de plekken waar mensen zoeken, en ga weer aan de slag met het restaurant. De site is nu een verzameling onderdelen die je bewerkt wanneer de menukaart verandert, geen project meer.

## Bronnen

Waar deze gids iets beschrijft dat buiten Canvas zelf valt, zijn dit de officiële pagina's die dat documenteren.

- [Scherm Algemene instellingen](https://wordpress.org/documentation/article/settings-general-screen/) wordpress.org · Waar WordPress de sitetitel en ondertitel bewaart, met de tijdzone op hetzelfde scherm
- [Permalinks-scherm onder Instellingen](https://wordpress.org/documentation/article/settings-permalinks-screen/) wordpress.org · De structuur Berichtnaam, die elke pagina een korte, leesbare URL geeft
- [wp_mail()](https://developer.wordpress.org/reference/functions/wp_mail/) developer.wordpress.org · WordPress stuurt mail standaard door naar PHP's mail(), en een geslaagde verzending is geen bewijs van aflevering
- [Tutorial over afbeeldingen](https://www.w3.org/WAI/tutorials/images/) w3.org · Schermlezers lezen het tekstalternatief van een afbeelding hardop voor
- [Algemene richtlijnen voor gestructureerde gegevens](https://developers.google.com/search/docs/appearance/structured-data/sd-policies) developers.google.com · Correcte markup maakt een rich result mogelijk, maar Google bepaalt zelf of er een wordt getoond

Wat je hierna kunt doen

## Hoe ga je verder?

Twee gidsen voor het werk na de lancering, en de demo achter deze gids.

[Gids **Een WooCommerce-winkel starten** Wat er verandert wanneer de demo die je importeert een werkende shop is.](https://canvaswp.com/nl/guides/start-a-woocommerce-store-with-wordpress/) [Gids **Websiteteksten schrijven met AI** Stel de bedrijfsomschrijving één keer in en genereer daarna tekst in het veld dat je bewerkt.](https://canvaswp.com/nl/guides/write-website-copy-with-ai-in-wordpress/) [Product **Restaurantthema's** De demo waarmee deze gids begint, pagina voor pagina bekeken.](https://canvaswp.com/nl/wordpress-themes/restaurant/)

Vragen

## Veelgestelde vragen

De [volledige FAQ](https://canvaswp.com/nl/faq/) beantwoordt de rest, en de [documentatie](https://docs.canvaswp.com/) behandelt elke instelling in detail.

**Heb ik een plugin nodig om reserveringen te accepteren?**

Nee, reserveringen op een Canvas-restaurantsite komen binnen via een formulier dat is opgebouwd uit Canvas-blokken. De inzendingen worden opgeslagen in een tabel op je eigen website en zijn zichtbaar in het WordPress-beheer. Je voegt alleen een plugin toe als je boekingen wilt doorsturen naar een extern boekingssysteem dat tafels en couverts beheert.

**Kan ik mijn eigen foto's gebruiken?**

Ja, en je moet elke foto die de restaurantdemo meebrengt vervangen door je eigen foto. Elke afbeelding uit de demo komt als gewone bijlage in je mediabibliotheek terecht, dus vervangen is hetzelfde werk als elke andere afbeelding in WordPress vervangen. Houd de vorm dicht bij het origineel zodat de lay-out niet verschuift, en schrijf meteen een korte beschrijving in het alt-tekstveld.

**Wat als ik de restaurantdemo niet leuk vind?**

Draai het terug en importeer een andere van de 88 Canvas-demo's, omdat elk abonnement ze allemaal bevat en elke import apart wordt bijgehouden. Een tweede demo kan ook alleen voor de pagina's erbij komen, zodat het ontwerp dat je hebt blijft staan.

**Verschijnen de menuprijzen in Google?**

Canvas bouwt gestructureerde data op uit wat er op de pagina staat op het moment van weergave, verspreid over 16 schematypen waaronder openingstijden, aanbiedingen en beoordelingen. Wat een zoekmachine toont, is haar eigen keuze, maar de markup is er zonder tweede SEO-plugin.