header-logo
Aan de slagLees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.
Een website makenLees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.
Account en factureringBekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.
De mobiele Wix-apps gebruikenGebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.
Een domein koppelenLees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.
Je bedrijf beherenVind de juiste tools om je bedrijf te laten groeien: ontvang betalingen, bekijk analytics, leg contact met bezoekers, en meer.
Je website promotenLees hoe je je website promoot bij zoekmachines, e-mailcampagnes verzendt, en betaalde advertenties uitvoert.
Studio, Specialisten en EnterpriseHaal het meeste uit je Studio- en Wix Specialisten-account, zodat je je bedrijf op kan schalen.
Meer hulp nodig?Krijg informatie over de prestaties van je website en eventuele technische problemen. Houd aankomende functionaliteiten bij met onze Product Roadmap.
placeholder-preview-image
Wix LearnVerbeter je vaardigheden met onze cursussen en video's.
Wix BlogKrijg tips voor webdesign, marketing en meer.
SEO Learning HubLees hoe het organische websiteverkeer van zoekmachines te vergroten.
Website developmentBouw een eigen website met ons full-stack platform.
Een professional inhurenVind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image
In dit artikel
  • Kleurconsistentie creëren
  • De typografie van een website optimaliseren
  • De breedte van de website definiëren
  • Boeiende navigatie maken

Studio Editor: Over websitestijlen

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

Helpmate

Hallo,

Een beetje meer begeleiding nodig?
Unlock personalized helpLog in to get the most out of Helpmate.