Editor X: Websitestijlen beheren

Leestijd 4 minuten
Editor X schakelt over naar Wix Studio, ons nieuwe platform voor bedrijven en freelancers.Lees meer over Wix Studio
In het Websitestijlen-paneel kun je de tekst- en kleurstijlen van je website op één plek beheren. Dit is een geweldige manier om tijd te besparen en ervoor te zorgen dat je ontwerp consistent is.

Lees hoe je:


De typografische stijlen bewerken

Je kunt zes typografische stijlen voor je website aanpassen en opslaan: drie koppen (H1, H2, H3) en drie paragraafstijlen. Wijzig het lettertype, de kleur en de opmaak van elke stijl om te passen bij het uiterlijk dat je wilt bereiken. 

Om een typografische stijl bij te werken:

  1. Klik in de bovenste balk van de Editor op het Websitestijlen-pictogram.
  2. Klik bij een typografische stijl op het Bewerken-pictogram.
  3. Pas de typografie naar wens aan.
    • Wijzig het lettertype met behulp van de dropdown.
    • Pas de tekstgrootte aan.
    • Maak je tekst vet of cursief.
  4. Klik op Toepassen.

Tekststijlen aan een pagina toevoegen

Je thematitels en -paragrafen zijn beschikbaar voor gebruik in het Toevoegen-paneel. Klik op Tekst en sleep de betreffende stijl onder Tekstthema's naar de gewenste locatie. 

Een stijl op een tekstelement toepassen

Om de stijl van een tekstelement op je website te wijzigen, klik je op Tekst bewerken en selecteer je de relevante stijl in het dropdownmenu:
Een screenshot van de Thema-dropdown in het Inspector-paneel, waar je een andere stijl voor je tekst kunt kiezen

De websitekleuren wijzigen

Pas het kleurenpalet van je website aan. Het kleurenpalet is onderverdeeld in categorieën om de verschillende gebruiken en delen van de website weer te geven. Je kunt ervoor kiezen om de hoofdkleur van elke categorie aan te passen, of een specifieke kleur binnen een van de paletten.

Om de websitekleuren te wijzigen:

  1. Klik op de bovenste balk van de Editor op het Websitestijlen-pictogram.
  2. Klik op het Kleuren-tabblad. 
  3. Klik bij een kleur op het Bewerken-pictogram.
  4. Pas de kleur aan en klik op Toepassen.

Een paginaovergang toevoegen

Voeg een paginaovergang toe om de ervaring van je bezoekers te verbeteren terwijl ze tussen pagina's navigeren. Zodra je een overgang kiest uit het Websitestijlen-paneel, wordt deze doorgevoerd in je hele website.

Om een paginaovergang toe te voegen:

  1. Klik op de bovenste balk van de Editor op het Websitestijlen-pictogram.
  2. Klik op Paginaovergangen.
  3. Selecteer een overgang uit de lijst:
    • Geen: Er wordt geen overgang weergegeven wanneer bezoekers van pagina wisselen.
    • Vervagen (uit en in): De huidige pagina vervaagt en de nieuwe pagina komt in beeld.

Vond je dit artikel nuttig?

|