Het basisontwerp is alles wat op elke pagina terugkomt: de menubalk bovenaan, de footer en voettekst onderaan, en de kleuren, het lettertype en de breedte waarmee je pagina's worden opgemaakt. Je opent het via de knop Basisontwerp op de websitepagina.
Je kunt meerdere basisontwerpen hebben. Handig als bijvoorbeeld je landingspagina's er anders uit moeten zien dan de rest. Per pagina kies je welk ontwerp geldt; een nieuw ontwerp maak je aan met Nieuw basisontwerp in dezelfde lijst.
De editor
In de editor zie je links een live voorbeeld van je site en rechts vier secties: Vormgeving, Menubalk, Footer en Voettekst. Elke sectie heeft een eigen actiemenu met dezelfde vier soorten acties: bewerken via een formulier, kleuren aanpassen, aanpassen met AI, en de broncode bewerken.
Bovenaan staat de sectie Pagina's met alle pagina's die dit ontwerp gebruiken, en een knop om er direct een nieuwe aan te maken.
Vormgeving
- Basis template wijzigen — wissel van menustijl (standaard, vast, zwevend, transparant of gecentreerd). Let op: het huidige ontwerp wordt hierbij volledig overschreven. Via versiebeheer kun je terug.
- Huisstijl bewerken — hier stel je de kleuren in:
- Algemeen: primaire/merkkleur, accentkleur, achtergrond en tekst.
- Menubalk en Footer en voettekst: optioneel eigen kleuren, zodat die zones er los van de rest uitspringen. Laat je ze leeg, dan volgen ze de algemene kleuren.
- Verder: lettertype, achtergrond-decoratie en de breedte van de content en de menubalk (smal, standaard, breed of volledig).
- Kleurenpreset kiezen — vervang alle kleuren in één keer door een kant-en-klaar palet.
- Kleuren genereren met AI — beschrijf een richting ("iets warmer", "rustig en zakelijk") en AI stelt een palet voor op basis van je huidige instellingen.
Menubalk
Kies of de menubalk wordt getoond, en of daar je bedrijfsnaam of je logo staat. De menu-items zelf beheer je apart, zie Menu en navigatie.
Footer
De footer bestaat uit maximaal vier kolommen. Per kolom beschrijf je in gewone taal wat erin moet komen — bedrijfsgegevens, een lijst met links, social media, openingstijden of vrije tekst. Bij het opslaan zet AI je tekst om in een passende structuur; alleen de kolommen die je hebt gewijzigd worden opnieuw opgebouwd.
Met Reset naar standaard haal je de kolommen terug zoals ze op basis van je bedrijfsgegevens waren voorgevuld. Je kunt de footer ook helemaal verbergen.
Voettekst
De voettekst is de smalle strook helemaal onderaan, meestal met een copyright-regel. Je stelt de tekst in en voegt social media icoontjes toe (platform + URL), die je in de gewenste volgorde sleept.
Aanpassen met AI
Elke sectie heeft een Aanpassen met AI-actie. Beschrijf wat je wilt, bijvoorbeeld "voeg een aankondigingsbalk toe bovenaan" of "maak de menubalk hoger met meer ruimte rond het logo". Zie Werken met AI voor wat je hier wel en niet mee moet doen.
Broncode
Voor wie precies weet wat hij doet: via Broncode bewerk je de HTML en CSS van het ontwerp of van een losse zone. Twee dingen om te weten:
- De instellingen-CSS wordt automatisch gegenereerd uit je kleuren en lettertype. Wijzig je daarna iets in de huisstijl, dan worden je handmatige aanpassingen daar overschreven. Eigen CSS zet je in de hoofd-CSS.
- In de layout-HTML staan tags als
{{header}},{{content}},{{footer}}en{{menu_items}}. Die worden bij het tonen van een pagina gevuld. Via Toelichting tags zie je per tag wat hij doet en waar je de inhoud ervan beheert.
Blijf van de tags af tenzij je precies weet wat je doet — verdwijnt
{{content}}, dan verdwijnt de inhoud van al je pagina's.
Versies terugzetten
Bij elke wijziging wordt de vorige versie bewaard. Direct na een AI-aanpassing zit er een knop Terugdraaien in de melding; later kies je Versie terugzetten in het actiemenu en selecteer je een eerder moment.