Fase 3

1. Design elements overzicht

a. Tekst/afbeelding/vorm

Wanneer je een afbeelding, tekstvak of vorm selecteerd, kun je verschillende instellingen aanpassen. Je vind de aanpassingen onder de tab ‘tekst style’.

b. Text properties

Deze tab bevat de optie voor een bezoeker om wat in te vullen in iets als een tekst box voor bijvoorbeeld een contactformulier. Kies een tag voor SEO (google vindbaarheid) doeleinden. 

c. Size and Position

Verander de grootte van een element of roteer het. Je kunt hier ook het element centreren in het canvas. Met ‘horizontal locking’ kun je een element in 1 of meerdere zijkanten van je scherm vast zetten. Klik hier om meer te leren over deze design optie.

d. Click actions

Link je element naar een pagina, canvas of link of kies een andere optie. Dit doe je wanneer je een beeld klikbaar wilt maken of wanneer je van een vorm een button wilt maken. 

e. Transitions

Je kunt hier een type transitie instellen voor een element, zoals fade, slide of ounce. Je kunt dit ook voor een canvas instellen. 

f. Hover

Selecteer een type hover, die verschijnt wanneer een bezoeker met de muis op het element staat zonder te klikken. Dit is slim om te gebruiken voor klikbare elementen, waar een link achter staat. Zo is duidelijk voor de bezoeker dat het onderdeel klikbaar is en dat er meer te vinden is :). 

g. Effects

Hier kun je de opacity (doorzichtigheid) instellen en de vorm van een element.

2. Pas de tekst aan

Tekst aanpassen is makkelijk! Volg gewoon deze stappen: 

1. Selecteer het canvas waarin je de tekst wilt aanpassen
2. Klik dubbel op het tekstvak zodat de cursor zichtbaar wordt
3. Pas de tekst aan
4. Pas indien nodig de grootte van het tekstvak aan
5. Switch nu naar de mobiele weergave om de aanpassingen te checken en zo nodig apart aan te passen.

3. Pas de afbeeldingen aan

Volg de volgende stappen om een afbeelding in te stellen: 

1. Selecteer het canvas waarin je de afbeelding wilt aanpassen
2. Klik dubbel op de afbeelding (rechtsboven in je scherm), de media library zal openen
3. Selecteer de afbeelding die je wilt plaatsen of upload een nieuwe vanaf je computer
4. Indien nodig kun je de afbeelding resizen.
5. Switch nu naar de mobiele weergave om de aanpassingen te checken en zo nodig apart aan te passen. 

4. Voeg links toe

In de tekst:

1. Selecteer het tekstvak  waar je een link in wilt plaatsen
2. Selecteer de woorden waar de link moet komen. Een kleine popup verschijnt. Klik de 3e optie (create link) en kies wat voor soort link je wilt plaatsen (page, canvas, url etc.)
3. Click ‘save’ en de link is geplaatst.

In de buttons

1. Maak een ‘rectangle’ (midden onderin je scherm) en plaats hier tekst overheen (bijv. ‘read more’). 
2. Selecteer de tekst en de vorm. De tab ‘click actions’ verschijnt rechts in je scherm. 
3. Stel nu de link in op dezelfde manier als je deed bij stap 2 van de tekst. 

5. Pas (social media) icons aan

a. Icon chooser

1. Je kunt een icon toevoegen door te klikken op het zelfde icoontje als dat je een vorm toevoegt, hier staat ook de optie ‘icon’ tussen. Je vind dit in het midden onderin je scherm. 
2. Een smiley wordt nu o je scherm geplaatst. Selecteer deze. Rechts bovenin je scherm verschijnt nu een tab ‘icon settings’. Hier kun je de icon aanpassen, de kleur kiezen en de opacity aanpassen.

b. Link achter icons

1. Selecteer de icon en ga naar de tab ‘click actions’ aan de rechterkant van je scherm. 
2. Plaats de link op dezelfde manier als uitgelegd in stap 4 ‘add links’. 

Nu weet je hoe je je website template eigen kunt maken. Veel plezier met het vullen van het template! Wanneer je hier klaar mee bent kun je door naar de volgende fase: ‘seo’.