×

Yoors


exit_to_app Inloggen

camera_alt
Afbeelding toevoegen
60
Yoors website editor - secties en boxes

Yoors website editor - secties en boxes


Secties en boxen

Website en landingspagina’s kun je maken en bewerken in de editor. Een pagina in de editor bestaat uit meerdere secties (sections). Secties delen je pagina in horizontale stukken op. Deze secties kunnen weer onderverdeeld worden met boxes. Dat zijn verticale verdelingen. Dat klinkt nogal technisch, maar onderstaand voorbeeld verduidelijkt het wat meer.

De bovenste sectie is  350x150. Daaronder zit een sectie van 350x100 die in 2 boxen van 140x100 en 200x100 is opgedeeld. Tenslotte zit onderaan nog een sectie van 350x65. Je kunt zelf secties toevoegen met de knop 'sectie toevoegen, rechts in het menu bovenin:

Dan zie je dit:

Zo bepaal je hoeveel boxen je wilt en  en hoe breed de boxen in de nieuwe sectie zullen zijn.  In dit plaatje heb ik de secties  genummerd. Sectie 1 en 2 zijn paginabreed, er zit 1 box per sectie in. Secties 3 tm 6 hebben 2 boxen per sectie, waarbij de breedte van de boxen verschilt.

Hou er rekening mee dat de bouwstenen de breedte van de BOX zullen gebruiken. Kies je voor een sectie met een smalle box erin, worden de bouwstenen dus ook smaller en/of kleiner.

Bouwsteen 17 in sectie 2, paginabreed:

Bouwsteen 17 in sectie 6, halve pagina:

Aanpassen van de box

Elke box is helemaal te wijzigen naar hoe jij de box eruit wilt laten zien.  Ga naar de instellingen van de box , het blauw/witte icoontje met het steeksleuteltje. Deze verschijnt vanzelf als je je muis onderin over het midden van de box beweegt:

Door op de verschillende opties te klikken kun je de box aanpassen. Afhankelijk van wat je wilt wijzigen worden je mogelijkheden anders. De achtergrond (background) geeft je een paar standaardkeuzes plus een kleurenwaaier om een eigen achtergrondkleur te kiezen.

Onder 'content style' kun je kiezen waar de tekst komt te staan en hoe transparant deze is.

Het is handig om de box een naam te geven, zodat je makkelijk in het navigatiemenu ernaar kunt verwijzen:


Bouwstenen erin slepen

Nu kun je doen wat je bij Yoors al gewend bent: sleep er bouwstenen in vanuit rechts, en pas deze naar eigen wens aan. Hou er dus rekening mee dat de bouwstenen meeschalen met de grootte van de box. Als alles erg klein wordt. kies dan een paginavullende box als je een sectie toevoegt.

Photo by Dan Cook on Unsplash




Madeleine
Ook gelezen en bewaard in Bookmark  Duidelijke uitleg, komt vast goed!
19-07-2018 22:54
19-07-2018 22:54 • Reageer
Mirelle-Creametkids
Gelezen en opgeslagen.. zal nog wel even wennen worden met al die verschillende opties!😉
19-07-2018 22:50
19-07-2018 22:50 • 1 reactie • Reageer
Yoors Landing Pages
Ja dat wordt flink rondklikken en uitproberen. Ik kan het weten, want ik heb het zelf ook allemaal eerst moeten uitvinden :) :)
19-07-2018 23:09
19-07-2018 23:09 • 1 reactie • Reageer
Hennie
Ik vind de uitleg een beetje erg technisch eigenlijk. Het nodigt niet echt uit er enthousiast mee aan het werk te gaan. Maar ik ben een nieuwkomer, waarschijnlijk lach ik volgend jaar om deze post ;)
19-07-2018 20:21
19-07-2018 20:21 • 1 reactie • Reageer
Yoors Landing Pages
Zonder dat je de editor zelf kunt zien en echt gebruiken is dit natuurlijk ook erg technisch. Als je je eigen website en domein bij Yoors koopt ga je de editor echt gebruiken om zelf je website te maken. Dan snap je waarschijnlijk ook beter waar dit over gaat :)
19-07-2018 21:40
19-07-2018 21:40 • 1 reactie • Reageer
LWAlmanak
Ben benieuwd hoe het gaat werken, maar daar hoop ik met mijn andere account een dezer dagen achter te gaan komen. Het ziet er wel goed uit!
19-07-2018 00:24
19-07-2018 00:24 • Reageer
Schorelaar
duidelijk met deze uitleg
18-07-2018 17:10
18-07-2018 17:10 • Reageer
FrutselenindeMarge
dat is wel een stukkie uitgebreider he zo met deze opties
18-07-2018 16:31
18-07-2018 16:31 • 1 reactie • Reageer
Yoors Landing Pages
jazeker, het is nu echt een volledige website. Met yoors bouwsteentjes :)
18-07-2018 16:42
18-07-2018 16:42 • Reageer