header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

Studio Editor: Over websitestijlen

3 min
In dit artikel
  • Kleurconsistentie creëren
  • De typografie van een website optimaliseren
  • De breedte van de website definiëren
  • Boeiende navigatie maken
Het Websitestijlen-paneel is een one-stop-shop om de websitetypografie, kleuren, paginaovergangen en de maximale breedte te beheren. Het maken van een thema voor de website van je klant is een geweldige, holistische manier om tijd te besparen en ervoor te zorgen dat het ontwerp consistent is. 

Kleurconsistentie creëren

Websitekleuren zijn een creatieve manier om het merk van je klant te versterken en uit te drukken. Gebruik het Kleuren-tabblad om tinten te beheren en aan te passen, en een samenhangend thema voor de hele website te creëren.
Klaar met het aanpassen van de websitekleuren? Je kunt vanuit het Inspector-paneel snel tinten op elementen toepassen. Lees meer over het werken met websitekleuren
Het infovenster is geopend voor een vectorelement. Een van de kleurvakken is geopend en er is een themakleur toegepast.

De typografie van een website optimaliseren

Tekst is een cruciaal onderdeel van een website en je kunt het ontwerp gebruiken om de boodschap en inhoud van een merk te herhalen.
Het Typografie-tabblad is een goede manier om elk aspect van tekst aan te passen. Werk lettertypen bij om snel wijzigingen voor de hele website toe te passen of individuele tekststijlen aan te passen (zoals Koptekst 4, Paragraaf 1) voor meer gedetailleerd ontwerp. Lees meer over het werken met typografie
De Tekst bewerken-opties zijn geopend voor kop 6 in het Websitestijlen-paneel. De cursor schakelt de Tekst schalen-schakelaar in.

De breedte van de website definiëren

Wil je beperken hoeveel elementen vergroten op verschillende schermformaten? Gebruik het Max-width-tabblad om de maximale waarde in te stellen
Dit voorkomt dat elementen die je hebt ingesteld om proportioneel te schalen, opschalen voorbij een bepaalde breedte, dus je hoeft je geen zorgen te maken over te grote componenten of geblokkeerde inhoud. 
Het Max-width-tabblad is geopend in het Websitestijlen-paneel.

Boeiende navigatie maken

Paginaovergangen maken de navigatie-ervaring aantrekkelijker voor websitebezoekers. Zodra je het effect toepast, verschijnt het op elke pagina van de website van je klant. 
Je kunt een Uit en in-effect toepassen vanaf het Paginaovergangen-tabblad. Zie het er op de live website niet uit zoals je wilt? Je kunt het verwijderen door op Geen te klikken.
Let op:
Je kunt overgangen alleen bekijken op de gepubliceerde website. In de voorbeeldmodus verschijnen ze niet. 
Een screenshot van het Websitestijlen-paneel met het Paginaovergangen-gedeelte open en de Vervagen-overgang selecteren
Het infovenster is geopend voor een vectorelement. Een van de kleurvakken is geopend en er is een themakleur toegepast.
De Tekst bewerken-opties zijn geopend voor kop 6 in het Websitestijlen-paneel. De cursor schakelt de Tekst schalen-schakelaar in.
Het Max-width-tabblad is geopend in het Websitestijlen-paneel.
Een screenshot van het Websitestijlen-paneel met het Paginaovergangen-gedeelte open en de Vervagen-overgang selecteren