Schakel een vergrendelschermpagina in en ontwerp deze in lijn met de stijl van je site.

Als je nog bezig bent met het bouwen van je site, of de toegang wilt beperken, kun je je site verbergen, of specifieke pagina's achter een wachtwoord plaatsen. Dit voorkomt dat je content openbaar toegankelijk wordt. Hoewel je site of pagina met een wachtwoord beveiligd is, verschijnt er een vergrendelscherm en moeten bezoekers een wachtwoord invoeren om toegang te krijgen.

Tip: Overweeg de content van je site te monetariseren door een ledensite aan te maken.

Volg deze gids om meer te leren over het maken en aanpassen van je vergrendelscherm.

Je kunt een vergrendelscherm inschakelen

Vergrendelschermen zijn voor zowel betaalde sites als proefsites beschikbaar.

Schakel als volgt een vergrendelscherm in:

1. Stel een sitebrede of ‌paginaspecifieke wachtwoord in.
2. Ontwerp en pas je vergrendelscherm aan. Lees de onderstaande secties voor meer informatie.
3. Deel het wachtwoord met iedereen die je een voorvertoning van je site wilt geven.

Je vergrendelscherm aanpassen

Om bij de stijl van je merk of site te passen, kun je een aangepast ontwerp voor het vergrendelscherm maken in het paneel Ontwerp. Een aangepast vergrendelscherm kan bijvoorbeeld in de volgende situaties van pas komen:

• Een fotograaf, creatieve professional of bureau die het vergrendelscherm gebruikt om klanten toegang te geven tot privé-inhoud.
• Als je nog aan je site of pagina werkt, kun je het vergrendelscherm gebruiken als een tijdelijke landingspagina.
• Een vergrendelscherm gebruiken om een privésite of -pagina te maken die alleen voor intern gebruik is.

Handige ontwerptips

Alle lay-outs voor het vergrendelscherm zijn gebouwd met responsive design, zodat ze er op elk apparaat goed uitzien. Er zijn echter enkele belangrijke tips om in gedachten te houden bij het gebruik van een vergrendelscherm.

Houd het overzichtelijk

Het vergrendelscherm is waarschijnlijk de eerste indruk van je site. Het moet bezoekers naar één enkele actie leiden: een wachtwoord invoeren. De lay-outopties zijn opzettelijk minimaal om een ontwerp te maken dat indruk maakt en snel werkt.

Eén vergrendelscherm voor alle pagina's

Je site heeft één vergrendelscherm voor alle met een wachtwoord beveiligde gedeelten. Het kan niet per pagina worden aangepast.

Geen blokken

Vergrendelschermen gedragen zich anders dan de rest van Squarespace. In tegenstelling tot andere contentgebieden worden vergrendelschermen niet opgebouwd uit secties of blokken. Je begint met een vooraf gestileerde lay-out en past deze aan met bewerkingstools.

Een video bekijken

Kies een nieuwe lay-out

Kies als volgt een lay-out voor je vergrendelscherm:

1. Open het vergrendelschermpaneel.
2. Het paneel opent met een voorbeeld van het vergrendelscherm, zodat je wijzigingen in realtime zichtbaar zijn. Je begint met een blanco ontwerp.
3. Klik op Lay-out wijzigen om een nieuwe lay-out voor je vergrendelscherm te kiezen. Je verandert de achtergrondafbeelding later, dus concentreer je nu meer op de plaatsing van de tekst- en wachtwoordvelden.
4. Om een lay-out te kiezen, zweef je er met de muis overheen en klik je op Selecteren.
5. Klik op Opslaan.

Tip: U kunt een afteltimer toevoegen als een aangepaste lay-out aan het vergrendelscherm door aangepaste code toe te voegen. Voor meer informatie, bezoek deze post in het Squarespace Forum. Houd er rekening mee dat aangepaste codewijzigingen buiten het bereik van onze ondersteuning vallen. Dit betekent dat we je niet kunnen helpen bij het opzetten of oplossen van problemen met op code gebaseerde oplossingen.

Voeg branding en tekst toe

Gebruik het paneel Branding & Tekst om content toe te voegen die aansluit bij de stijl van je site. Je kunt:

• Voeg branding-tekst of een logo toe.
• Voeg een paginakop toe.
• Je kunt langere hoofdtekst toevoegen
• Het vergrendelingspictogram verbergen of weergeven

Om een logoafbeelding toe te voegen:

1. Kies onder Branding Logo en klik op het + pictogram
2. Upload een afbeelding van je apparaat door op Bestand uploaden te klikken. Je kunt een afbeelding opnieuw gebruiken door op Selecteer uit bibliotheek te klikken.
3. Klik op Opslaan om je wijzigingen te bevestigen.

Zorg ervoor dat je logo voldoet aan onze richtlijnen, of maak een nieuw logo met Squarespace Logo.

Na het toevoegen van een afbeelding kun je:

• Bewerk je afbeelding.
• Stel het focuspunt van je afbeelding in door op de drie puntjes te klikken en vervolgens op Focuspunt te klikken.
• Wijzig de afbeelding door op Vervangen te klikken.
• Verwijder de afbeelding door op de drie puntjes te klikken en vervolgens op Verwijderen.

Houd er rekening mee:

• Branding en tekstweergave verschillen per lay-out.
• Het is niet mogelijk om een logo en branding tekst tegelijk te tonen.
• In tegenstelling tot andere pagina's, linken sitetitels en logo's op vergrendelschermen niet naar de homepagina van de site.
• Het browsertabblad voor een vergrendelscherm toont altijd de titel van je site en het woord 'Beveiligd.'

Voeg achtergrondafbeeldingen of video toe

Gebruik het paneel Media om een schermbrede achtergrondafbeelding, video of kleur op je vergrendelscherm weer te geven. Je kunt:

• Achtergrondafbeeldingen uploaden
• Stock-afbeeldingen toevoegen
• Eerder geüploade afbeeldingen hergebruiken
• Voeg een herhalende, stille achtergrondvideo toe met een in te bedden URL.
• Stel een achtergrondkleur in

Houd er rekening mee:

• Je kunt geen video's direct naar een vergrendelscherm uploaden.
• Formatteer je afbeeldingen correct voordat je ze uploadt.
• Je kunt de ingebouwde afbeeldingseditor gebruiken om de originele afbeeldingen te bewerken.
• Je kunt meerdere afbeeldingen uploaden om een diavoorstelling of een rasterachtergrond te maken. Diavoorstellingen op het vergrendelscherm wisselen automatisch tussen afbeeldingen.
• Het uploaden van meerdere afbeeldingen met een hoge resolutie kan de laadtijd van je vergrendelscherm beïnvloeden.
• Dankzij responsive design worden afbeeldingen en video's altijd tot op zekere hoogte bijgesneden, vooral op mobiele apparaten. De mate van bijsnijden hangt af van de hoogte van de afbeelding, de breedte van de browser en de lay-out die je hebt gekozen.

Gebruik een achtergrondkleur

Kies Geen om een gewone achtergrondkleur weer te geven in plaats van een afbeelding of video. De afbeelding verdwijnt uit de preview. Wijzig de achtergrondkleur in het stijlpaneel.

Pas je vergrendelscherm aan

Gebruik het stijl paneel om de typografie en kleuren van het vergrendelscherm te wijzigen. Vergrendelschermstijlen staan los van de rest van de stijlen van je site. Daarom worden alleen de stijlen van je vergrendelscherm beïnvloed als je klikt op Stijlen terugzetten naar standaardinstellingen of Alles instellen op systeemlettertypen.

1. Klik op Stijl in het paneel Vergrendelscherm.
2. Gebruik de opties om het vergrendelscherm aan te passen. Terwijl je de stijl aanpast met de aanpassingen in het paneel, verandert de weergave van het vergrendelscherm.
3. Klik op Opslaan als je klaar bent.

Wachtwoordveld

Gebruik de aanpassingen in het gedeelte Wachtwoord om het wachtwoordveld aan te passen.

Als je kiest voor stijl: rechthoek, kun je de achtergrondkleur en lettertypekleur onafhankelijk van elkaar aanpassen.

Als je kiest voor Stijl: onderstreept:

• De kleuraanpassing heeft invloed op zowel de onderstreping als de tekst.
• De tekst wordt 50% lichter weergegeven dan de streep.
• Als je tekst als een kleur wordt weergegeven en je wilt dat deze grijs is, verplaats dan de selector van de rechterkant van de kleurkiezer naar links.