Wix Harmony Editor: De achtergrond van je onderdeel aanpassen
6 min
In dit artikel
- De achtergrond van je onderdeel wijzigen
- De achtergrond van je onderdeel animeren
De achtergrond van een onderdeel zet de toon voor je pagina, begeleidt de focus en bepaalt hoe bezoekers zich voelen terwijl ze scrollen. Ontwerp onderdelen om het merk van je website op één lijn te brengen en elk detail te verfijnen — kies een effen kleur, een afbeelding of een video uit de bibliotheek en pas subtiele effecten toe voor diepte.
Goed om te weten:
Bespaar tijd op het ontwerp door te kiezen uit een breed scala aan kant-en-klare, volledig responsieve onderdelen. Wanneer je een nieuw onderdeel toevoegt, klik je op Ontworpen onderdelen om te beginnen met verkennen.
De achtergrond van je onderdeel wijzigen
Verander de achtergrond van je onderdeel om het uiterlijk van je pagina direct te wijzigen. Kies een kleur, kleurovergang, afbeelding of video die bij je stijl past en de aandacht trekken.
Om de achtergrond van een onderdeel te wijzigen:
- Ga naar je editor.
- Selecteer het betreffende onderdeel.
- Klik op Achtergrond vervangen.
- Kies wat de achtergrond ontwerp:
Kleur
.
om een specifieke kleur uit je pagina te halen.Afbeelding
.
.
om de Passend-modus van je afbeelding te kiezen (Passend of Naast elkaar) en er een toegankelijke naam aan te geven (
.
om toegang te krijgen tot de Video
.
te klikken. De achtergrond van je onderdeel animeren
Breng je onderdeel tot leven door een scrollanimatie op de achtergrond toe te voegen. Terwijl bezoekers op en neer gaan op je pagina, creëert de animatie een dynamisch, boeiend effect. Probeer opties zoals Parallax, 3D of Zoom, uit en pas de instellingen aan je stijl aan.
Om de achtergrond van je onderdeel te animeren:
- Ga naar je editor.
- Selecteer het betreffende onderdeel.
- Klik op het Animatie-pictogram
. - Selecteer een animatie.
- (Optioneel) Klik op Aanpassen om je animatie-instellingen te verfijnen:
- Voorbeeld bij scrollen: Klik op het Voorbeeld-pictogram
om een voorbeeld te bekijken van hoe je animatie speelt terwijl bezoekers scrollen. - Zoom: Sleep de schuifregelaar om aan te passen hoeveel je wilt in- of uitzoomen.
- Richting: Pas de richting van de animatie aan met behulp van de beschikbare opties (bijvoorbeeld: met de klok mee of tegen de klok in, in of uit, enzovoort).
- Snelheid: Sleep de schuifregelaar om de animatie sneller of langzamer te laten bewegen.
- Schaal: Sleep de schuifregelaar om te beslissen hoe ver de achtergrond vervaagt.
- Hoek: Stel de rotatiehoek van de animatie in.
- Uitrekken: Stel de diepte en het 3D-gevoel van de animatie in.
- Animatietype: Kies of je animatie in of uit verdwijnt.
- Voorbeeld bij scrollen: Klik op het Voorbeeld-pictogram
Let op:
- De beschikbare animaties zijn afhankelijk van het achtergrondtype dat je kiest voor je onderdeel (dat wil zeggen: kleur, afbeelding of video).
- De beschikbare aanpassingsinstellingen variëren op basis van de animatie die je selecteert.