Websiteleden: Het ontwerp van de standaard aanmeld- en inlogformulieren wijzigen
Leestijd 5 minuten
Ontwerp het venster dat bezoekers zien wanneer ze zich aanmelden of inloggen op je ledengedeelte. Dit geldt ook voor elke met een wachtwoord beveiligde pagina op je website.
Het standaardformulier is al voor je ontworpen. Het past bij de kleuren en thema's van je website, zodat je ontwerp consistent blijft. Hoewel je het ontwerp van het standaardformulier niet helemaal vanaf nul kunt aanpassen, kun je sommige ontwerpelementen nog steeds beheren door je kleurenthema aan te passen.
Gebruik je een aangepast aanmeldings-/inlogformulier?
Dit artikel verwijst naar de standaardformulieren. Als je aangepaste formulieren gebruikt, kun je hieronder klikken om te lezen hoe je deze kunt aanpassen:
In dit artikel lees je hoe je het volgende wijzigt:
Het titellettertype wijzigen
Het lettertype voor de titeltekst in het wachtwoordvenster is afkomstig van het tekstthema Kop 2. Als je het lettertype wilt wijzigen, kun je het tekstthema voor je website aanpassen.
Belangrijk:
Dit verandert ook alle andere tekst met het thema Kop 2 op je website.
Om het lettertype van Kop 2 te wijzigen:
- Klik links in de Editor op Websiteontwerp
. - Klik op Tekstthema.
- Klik op Pas kopstijlen aan.
- Wijs Koptekst 2 aan en klik op het Bewerken-pictogram
. - Pas het thema aan met behulp van de beschikbare opties. Je kunt het lettertype, de kleur en de lettergrootte wijzigen en de tekst vet en cursief maken.
- Klik op Toepassen om je wijzigingen op te slaan.
Het lettertype van de tekstelementen wijzigen
Het lettertype voor alle andere tekstelementen in het wachtwoordvenster is afkomstig uit het tekstthema Paragraaf 2. Als je het lettertype wilt wijzigen, kun je het tekstthema voor je website aanpassen.
Belangrijk:
Dit verandert ook elke andere tekst met het thema Paragraaf 2 op je website.
Om het lettertype van Paragraaf 2 te wijzigen:
- Klik links in de Editor op Websiteontwerp.
- Klik op Tekstthema.
- Klik op Pas alineastijlen aan.
- Wijs Paragraaf 2 aan en klik op het Bewerken-pictogram.
- Pas het thema aan met behulp van de beschikbare opties. Je kunt het lettertype, de kleur en de lettergrootte wijzigen en de tekst vet en cursief maken.
- Klik op Toepassen om je wijzigingen op te slaan.
De tekstkleur wijzigen
Kies een andere kleur voor de titel en tekst van het wachtwoordvenster door het kleurenthema van je website aan te passen. De donkerdere tint van je Basiskleuren wordt op je hele website gebruikt voor verschillende tekstelementen.
Belangrijk:
Dit verandert ook de kleur van alle andere elementen op je website die de donkerste basiskleur gebruiken.
Om je basiskleur voor tekstelementen te wijzigen:
- Klik links in de Editor op Websiteontwerp.
- Klik op Kleurenthema.
- Klik onder Basiskleuren op de donkerste kleur.
- Gebruik de kleurenkiezer in het Aangepaste kleur-vak om de kleur te wijzigen.
- (Optioneel) Gebruik de schuifregelaars om de waarden voor Intensiteit en Helderheid te wijzigen.
- Klik op Toepassen.
De knop- en linkkleur wijzigen
Kies een andere kleur voor links en knoppen door het kleurenthema van je website aan te passen. Accentkleuren worden op je website gebruikt voor veel actie-elementen zoals knoppen, links en menu-items.
Belangrijk:
Dit verandert ook de kleur van alle andere elementen op je website die deze accentkleur gebruiken.
Om de accentkleuren voor knoppen en links te wijzigen:
- Klik links in de Editor op Websiteontwerp.
- Klik op Kleurenthema.
- Klik op de eerste kleur in het Accentkleuren-gedeelte.
- Gebruik de kleurenkiezer in het Aangepaste kleur-vak om je accentkleur te wijzigen.
- (Optioneel) Gebruik de schuifregelaars om de waarden voor Intensiteit en Helderheid te wijzigen.
- Klik op Toepassen.
De achtergrondkleur wijzigen
Om de achtergrondkleur van het wachtwoordvenster te wijzigen, pas je de lichtere tint van je Basiskleuren aan in het kleurenthema van je website. Deze kleur wordt automatisch op je hele website gebruikt, meestal voor pagina- en elementachtergronden.
Belangrijk:
Dit verandert ook de kleur van alle andere elementen op je website die deze achtergrondkleur gebruiken.
Om je basiskleur voor pagina-achtergronden te wijzigen:
- Klik links in de Editor op Websiteontwerp.
- Klik op Kleurenthema.
- Klik onder Basiskleuren op de lichtste kleur.
- Gebruik de kleurenkiezer in het Aangepaste kleur-vak om de achtergrondkleur te wijzigen.
- (Optioneel) Gebruik de schuifregelaars om de waarden voor Intensiteit en Helderheid te wijzigen.
- Klik op Toepassen.
Tip:
Klik op Publiceren om de wijzigingen op je live website te bekijken. Je kunt het wachtwoordvenster niet zien door een voorbeeld van je website te bekijken.
Vond je dit artikel nuttig?
|