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.

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.

In dit artikel

De achtergrond van je koptekst aanpassen
Je koptekst ontwerpen
Voeg een scrolleffect toe aan je koptekst.
De overlapping van de koptekst instellen
Je koptekst voor een specifieke pagina verbergen
Veelgestelde vragen

Home

Wix Harmony: De koptekst van je website aanpassen

9 min

In dit artikel

De achtergrond van je koptekst aanpassen
Je koptekst ontwerpen
Voeg een scrolleffect toe aan je koptekst.
De overlapping van de koptekst instellen
Je koptekst voor een specifieke pagina verbergen
Veelgestelde vragen

De koptekst van je website zet de toon voor elke pagina, helpt bezoekers hun weg te vinden en pronkt met je persoonlijke stijl. In de Wix Harmony-editor kun je alles aanpassen, van achtergronden en randen tot scrolleffecten en indeling, zodat je koptekst er precies goed uitziet.

De achtergrond van je koptekst aanpassen

Kies de achtergrond die je koptekst de juiste uitstraling geeft — het kan een effen kleur zijn, een afbeelding of zelfs een looping video voor extra energie. Verfijn de instellingen totdat je koptekst perfect bij jou past.

Om de achtergrond van de koptekst aan te passen:

Ga naar je editor.
Selecteer de koptekst.
Klik op de actiebalk op Achtergrond vervangen.
Kies het achtergrondtype door op het betreffende pictogram te klikken: Kleur , Afbeelding of Video .
Stel de achtergrond van de koptekst in:

Achtergrond in kleur

Afbeeldingsachtergrond

Video-achtergrond

Je koptekst ontwerpen

Zodra je de perfecte achtergrond hebt gekozen, kun je nog verder gaan met het ontwerp van je koptekst met een paar creatieve details. Voeg randen toe, speel met hoeken, pas de afstand aan en voeg lagen in schaduwen om je koptekst echt te laten opvallen.

Om je koptekst te ontwerpen:

Ga naar je editor.
Selecteer de koptekst.
Klik in de actiebalk op het Alle ontwerpopties-pictogram .
Kies hoe je je koptekst wilt ontwerpen:
- Rand : Definieer de randen van je koptekst zodat deze opvalt en kies een kleur, breedte en stijl.
- Hoeken : Maak de hoeken van je koptekst vierkanter of ronder door de schuifregelaar onder Radius te verslepen. Klik op het Individuele hoeken bewerken-pictogram om elke hoek afzonderlijk te ontwerpen.
- Afstand : Sleep de schuifregelaar om ruimte toe te voegen tussen de koptekst en de randen van het scherm. Klik op het Individuele zijden bewerken-pictogram om alleen opvulling aan specifieke zijden toe te voegen.
- Schaduw : Pas binnen- en buitenschaduw toe om je koptekst een interessant 3D-effect te geven, door de positie, wazigheid, kleur en meer in te stellen.

Pas het formaat van je koptekst aan:

Sleep de greep om de hoogte van de koptekst te wijzigen. Als er veel lege ruimte onderaan de koptekst is, dubbelklik je op de greep om deze ruimte te verwijderen.

Voeg een scrolleffect toe aan je koptekst.

Breng je koptekst tot leven met een scrolleffect dat past bij de flow van je website. Kies of je koptekst met de pagina beweegt, zichtbaar blijft voor gemakkelijke toegang, of verdwijnt en vervaagt als bezoekers scrollen. Elk effect creëert een andere navigatie-ervaring voor je bezoekers.

Om een scroll-effect voor je koptekst te kiezen

Ga naar je editor.
Selecteer de koptekst.
Klik op het Scrolleffecten-pictogram op de actiebalk.
Kies een scroll-effect.
- Met pagina meebewegen: Er wordt geen scrolleffect toegepast. Wanneer bezoekers omlaag scrollen op de pagina, scrollen ze ook weg van de koptekst (dat wil zeggen, de bovenkant van de pagina).
- Vastzetten: De koptekst blijft bovenaan de pagina staan terwijl bezoekers op en neer scrollen, waardoor ze gemakkelijk toegang krijgen tot het menu van je website.
- Verdwijnen: Wanneer bezoekers door de pagina scrollen, verdwijnt de koptekst geleidelijk. Wanneer bezoekers omhoog beginnen te scrollen, verschijnt de koptekst opnieuw.
- Vervagen: De kop verdwijnt langzaam wanneer je bezoekers door de website scrollen en verschijnt weer wanneer ze terug naar boven scrollen.
(Optioneel) Bekijk een voorbeeld van je pagina om het effect in actie te zien.

De overlapping van de koptekst instellen

Kies of je koptekst het volgende onderdeel overlapt of apart blijft. Overlappen creëert een modern, gelaagd effect, terwijl het uit elkaar houden van onderdelen alles een fris, klassiek gevoel geeft. Kies de stijl die het beste bij de persoonlijkheid van je website past.

Om de overlap van de koptekst in te stellen:

Ga naar je editor.
Selecteer de koptekst.
Klik op de actiebalk op Overlapping koptekst.
Kies de relevante optie:
- Geen overlapping: De koptekst staat boven het volgende onderdeel met een duidelijke lijn ertussen.
- Volgend onderdeel overlappen: De koptekst zweeft over het volgende onderdeel, waardoor een gelaagde look ontstaat waarbij inhoud achter je koptekst verschijnt.

Je koptekst voor een specifieke pagina verbergen

Je hebt de vrijheid om te kiezen of je koptekst op elke pagina van je website wordt weergegeven. Standaard is de koptekst altijd zichtbaar om bezoekers te helpen soepel te navigeren, maar je kunt deze eenvoudig verbergen voor specifieke pagina's wanneer je maar wilt.