Je welkomstpagina vanaf nul ontwerpen

Begin opnieuw met blokken naar keuze, achtergrondafbeelding, logo, headline en rich text, en pas de spacing aan om een welkomstpagina te maken die bij je merk past.

Dubbelklik op de welcome-knop om de welkomstpagina te openen.
Dit zijn alle elementen die automatisch worden toegevoegd zodra de welkomstpagina is ingeschakeld. Je kunt ze verwijderen en nieuwe toevoegen.
Om een blok te verwijderen, klik je op de Delete-knop om het geselecteerde blok uit de lagenboom te halen.
Klik nadat je de overbodige blokken hebt verwijderd op de +-knop om nieuwe blokken toe te voegen.
Als je een foto/logo aan je welkomstpagina wilt toevoegen, klik je op het Image-blok om het aan de lagenboom toe te voegen.
Je kunt zoveel blokken toevoegen als je wilt.
Klik op het menu-icoon om bij de nieuw toegevoegde blokken te komen.
Klik op het Rich Text-blok en sleep het in het Welcome page-blok, zodat het op je welkomstpagina verschijnt.
Klik op de Welcome-sectie in de lagenboom om de welkomstpagina en alle toegevoegde blokken te openen.
Je ziet dat alle blokken nu binnen de welkomstpagina staan.
Je kunt blokken binnen de welkomstpagina herschikken. Zo staat het Rich Text-blok bijvoorbeeld onder de foto.
Nu kun je beginnen met het toevoegen van afbeeldingen en content aan de welkomstpagina. Om een achtergrondafbeelding toe te voegen, klik je op het Welcome page-blok.
Klik op het wolk-upload-icoon om een achtergrondafbeelding voor je welkomstpagina toe te voegen.
Klik nadat de achtergrondafbeelding is toegevoegd op "Cover" om aan te passen hoe de afbeelding past.
Je kunt de afbeelding herpositioneren door op het focuspunt (de stip) te klikken.
Klik op de afbeelding-placeholder om je logo aan de experience toe te voegen.
Klik vervolgens op de Upload-knop om een afbeelding toe te voegen.
Je logo verschijnt als afbeelding op de welkomstpagina.
Pas de rechter padding-waarde aan om de spacing aan te passen. We raden aan om de linker- en rechtermarges op auto te zetten om het logo te centreren.
Voer een waarde in bij het Width-veld.
Zodra je de breedte hebt ingesteld, wordt deze direct op het logo toegepast.
Je kunt de positie van je logo iets lager plaatsen.
Klik op het bewerk-icoon (potlood) om de geselecteerde rich text-content aan te passen.
Klik op het tekstveld om je eigen beschrijving in te voeren.
Selecteer de tekst.
Kies "Heading" in het dropdownmenu voor tekststijl om je tekst op te maken. De Heading-stijl gebruikt het font uit je Brand Book.
Klik op de align center-knop om je heading te centreren.
Selecteer 14pt in het dropdownmenu voor fontgrootte om de tekstgrootte aan te passen.
Klik op het pijltje van het dropdownmenu om de kleur te wijzigen.
Klik op de kleurkiezer om een aangepaste achtergrondkleur voor het icoon te selecteren.
Je kunt een hex-code invoeren of een kleur uit de kiezer kiezen.
Om het Rich Text-blok en de knop te herpositioneren, pas je de marge-waarden aan.
Klik op de Save-knop om je wijzigingen op te slaan.

Was deze pagina nuttig?