SYSitor: Hoe werkt SYSitor

In deze video:

00:18 Resulaatpagina importeren

02:14 Elementen aanpassen (komt ook terug bij 07:03)

03:00 Secties verwijderen

03:41 Sectie kopieren

04:19 2 resultaatpagina's samenvoegen

05:11 Sectie verplaatsen

06:22 Elementen toevoegen

07:03 Elementen aanpassen

11:38 Elementen kopieren

13:35 Elementen toevoegen als favoriet

In dit artikel vind je

Resultaat pagina's importeren

1

Open SYSitor op een nieuwe óf al bestaande pagina.

2

Klik vervolgens rechts naast het groene plusje op het  grijze map icoon om de resultaatpagina bibliotheek te openen.

3

Alle resultaatpaginas staan hier voor je klaar! Klik op bekijken om hem in een vergroot voorbeeld te openen, en klik op Invoegen om de pagina te importeren! Wil je niet de gehele pagina, maar alleen een klein stukje gebruiken? Kies bovenin voor het tabblad Sectie voor voorbereide secties.

4

Nu kan je aanpassen wat je wil. Vergeet niet om daarna jouw pagina op te slaan of te publiceren.

---

Elementen toevoegen

1

Zoek de pagina of het blogbericht op dat je wil bewerken ( content-->alle pagina's of content --> alle blogberichten) en klik op bewerk met SYSitor

2

In het voorbeeld gebruiken we een lege pagina. Als jij geen lege pagina hebt, dan zie je dit vak helemaal onderaan. Maar je kan ook de nieuwe elementen op een al bestaande plek toevoegen.

Aan de linkerkant heb je de elementen die je kan toevoegen. Deze kan je toevoegen door ze te slepen naar de plek waar je wil. In het voorbeeld sleep ik ze naar de lege plek in de pagina. 

---

Element bewerken

1

Nu staat mijn element in de pagina en kan ik het element aan de linkerkant bewerken.

De opties om te bewerken zijn onderverdeeld in drie tabbladen inhoud, stijl en geavanceerd (hier gaan we in dit artikel niet verder op in)

2

Bij inhoud kunnen we aanpassen wat er in het element staat. In dit geval de tekst en bij een afbeelding kunnen we de afbeelding aanpassen.

3

Bij stijl kunnen we aanpassen hoe het element eruit ziet. Hier kan je onder anderen de tekstkleur, lettertype (typografie) en andere dingen aanpassen. Wat je kan aanpassen hangt af van het element. Maar de opmaak stel je voor 95% in bij de stijl.

4

Bij geavanceerd kan je meerdere dingen instellen. Ik zal de opties kort benoemen

Lay-out: hier kan je marges en padding toevoegen. Hiermee voeg je ruimte toe in of rondom het element.
Sysitor Extra - Hiermee kan je elementen alleen tonen als mensen bijvoorbeeld zijn ingelogd.
Bewegingsefecten - Hiermee stel je in dat elementen bewegen als de pagina inlaadt, of wanneer mensen scrollen.
Transformeren -  Hiermee kan je elementen aanpassen met heel veel opties.
Achtergrond - om een achtergrond in te stellen voor het element.
Rand - om een rand in te stellen, zodat er rondom het element een achtergrond komt.
Masker - hiermee kan je een vorm instellen waarbinnen het element te zien is en erbuiten niet. Handig voor foto's en je wil bijv. een ronde foto.
Responsive - Enorm handig om te gebruiken tijdens het instellen van hoe jouw pagina getoond wordt op mobiel en tablet
Eigenschappen -  Dit zal je niet snel nodig hebben, behalve als je weet wat je doet.
Aangepaste CSS - voorals je css wil toepassen. Dit alleen gebruiken als je weet wat je doet, anders kan je jouw hele pagin/website verpesten.

Huisstijl instellen

Het is handig om jouw huisstijl in te stellen, zodat je specifieke kleuren en lettertypes in kan stellen. Zie dit artikel voor hoe je dat doet. 

Wees niet bang, heb je iets fout gedaan?

Je kan altijd alles ongedaan maken, zie dit artikel voor hoe je dat doet. Kleine tip: sla niet iedere wijziging op. Dit maakt het gemakkelijker voor ons en voor jou om dingen terug te halen.