Lay-out

Samenvatting

De groep Lay-out bepaalt de indeling van een blok en zijn inhoud. De groep heeft negen velden.

Welke velden je krijgt, hangt af van wat je hebt geselecteerd. Een blok heeft er twee, en een pagina geen enkel.

Twee velden wisselen van betekenis zodra je de richting van je inhoud verandert. Dat is de val waarvoor dit artikel je waarschuwt.

Wanneer gebruik je dit?

Je gebruikt deze velden als de indeling van een blok anders moet. Bijvoorbeeld als twee kolommen naast elkaar moeten staan in plaats van onder elkaar.

Je website werkt met een raster van twaalf vakjes breed. Met Spanwijdte zeg je hoeveel van die twaalf een kolom inneemt.

Je komt hier ook zoeken waarom je kolommen onder elkaar vallen. Dat antwoord staat onderaan, bij de gevolgen.

Hoe werkt dit in Mach3Blocks?

Je selecteert je onderdeel en opent het tabblad Opmaak. De groep Lay-out staat als eerste in de lijst.

De volgorde van de velden binnen de groep verschilt per selectie. Elk veld hangt namelijk aan een soort onderdeel.

De twee uitlijningsvelden

Hier zit de val van deze groep. De twee veldnamen blijven staan, maar de keuzes eronder wisselen mee met Content richting.

Content richting Keuzes bij Uitlijning verticaal Keuzes bij Uitlijning horizontaal
Horizontaal Uitvullen, Boven, Midden, Onder Links, Midden, Rechts, Splijten
Verticaal Boven, Midden, Onder, Splijten Uitvullen, Links, Midden, Rechts

Je ziet dus steeds dezelfde twee veldnamen. Welke kant zij regelen, volgt uit de richting waarin je inhoud loopt.

Je uitlijning verschuift als je de richting wijzigt

Wijzig je Content richting, dan laadt het tabblad opnieuw en krijgen je twee uitlijningsvelden andere keuzes. Controleer daarna je uitlijning, want beide velden staan dan voor een andere kant.

Drie velden laten het tabblad opnieuw laden zodra je ze wijzigt. Dat zijn Content richting en de twee uitlijningsvelden.

Spanwijdte en volgorde

Spanwijdte en Afwijkende volgorde staan alleen bij een kolom. Zij bepalen de breedte en de plaats van die kolom in het raster.

Spanwijdte heeft dertien keuzes: Automatisch, en de breuken van twaalf twaalfden aflopend tot een twaalfde.

Afwijkende volgorde heeft geen invoervak

Dit veld toont alleen zijn naam en de knop Schermgrootte waarde toevoegen. Je zet de volgorde dus per schermgrootte, en voor elke kolom die je wilt verplaatsen.

Elk van de negen velden heeft de knop Schermgrootte waarde toevoegen. Geen van hen heeft zijden.

Lees Opmaak per schermgrootte. De veldnaam zelf is ook een menu, het veldmenu; lees Opmaakniveaus.

Wat hier niet staat

Het veld Opvullen staat niet in deze groep. Je vindt het in de vormen van een zijde. Lees Vormen en ronde hoeken.

De breedte van je inhoud komt uit een variabele in je thema. Lees Themavariabelen.

Overzichtstabel met opties, waarden en standaard

De tabel staat in de volgorde van de negen velden.

# Veld Wat het zet Keuzes en waarden Waar je het vindt
1 Blok uitvullen of je blok de volle breedte krijgt een vinkje; aan is de volle breedte, uit is de breedte uit je thema alleen bij een blok
2 Content uitvullen of je inhoud de breedte uit je thema krijgt een omgekeerd vinkje; aan is de themabreedte, uit is de volle breedte alleen bij een blok
3 Containertype of dit onderdeel als container geldt voor de eenheden cqw en cqh Standaard, Breedte, Breedte/Hoogte container, rij, kolom, box, card
4 Content richting in welke richting je inhoud loopt Verticaal, Horizontaal kolom, box, card
5 Content terugloop of je inhoud op een regel blijft een vinkje; aan houdt je inhoud op een regel rij, kolom, box, card
6 Uitlijning verticaal de uitlijning over de hoogte vier keuzes, afhankelijk van Content richting rij, kolom, box, card
7 Uitlijning horizontaal de uitlijning over de breedte vier keuzes, afhankelijk van Content richting rij, kolom, box, card
8 Spanwijdte hoeveel van de twaalf vakjes je kolom inneemt Automatisch, en 12/12 tot en met 1/12 alleen bij een kolom
9 Afwijkende volgorde de plaats van je kolom in het raster een getal, standaard 0, alleen per schermgrootte alleen bij een kolom

Twee namen in deze tabel kun je verkeerd lezen.

Blok uitvullen en Content uitvullen zijn elkaars tegenpool. Bij het tweede veld is het vinkje omgekeerd ingesteld.

Aangevinkt betekent bij het eerste veld de volle breedte. Bij het tweede betekent aangevinkt juist de breedte uit je thema.

Met Containertype kies je of dit onderdeel de maat levert voor twee eenheden. Breedte meet alleen de breedte, en Breedte/Hoogte meet allebei.

Aanbevolen instelling

Er is geen indeling die overal goed is. Het product geeft zelf twee regels, en die staan hieronder.

Regel van het product Wat het betekent
tel je spanwijdtes op tot twaalf passen je kolommen samen niet in twaalf vakjes, dan valt de laatste naar de volgende regel
houd je tekst binnen een container zonder container loopt je tekst door tot de rand van het scherm

Van de negen velden heeft er een een gemeten standaardwaarde. Afwijkende volgorde staat op 0, dus je kolommen houden de volgorde waarin zij staan.

De andere acht tonen de waarde die uit je opmaakniveau komt. Lees Opmaakniveaus.

Voorwaarden en rechten

Je hebt het recht Websites/presentaties stijlen nodig. Zonder dat recht is er geen tabblad Opmaak, en dus geen enkel opmaakveld.

Welke rol dit recht standaard heeft, staat in Thema uitgelegd.

Gevolgen bij verkeerd instellen

De meest gestelde vraag over deze groep gaat over kolommen die onder elkaar vallen. Dat komt bijna altijd door je spanwijdtes.

Tellen je kolommen samen op tot meer dan twaalf vakjes, dan past de laatste niet meer. Die valt naar de volgende regel.

Vink je Content terugloop aan, dan blijft je inhoud op een regel staan. Er valt dan niets terug, ook niet als de ruimte te klein is.

Wijzig je Content richting, dan wisselen je twee uitlijningsvelden van kant. Loop je uitlijning daarna dus na.

Zet je Blok uitvullen aan zonder Content uitvullen te bekijken, dan loopt je tekst tot de rand van het scherm. Dat is zelden wat je wilt bij een tekstblok.

Een gewijzigde waarde staat meteen in Mach3Blocks. Op je live website verandert zij pas nadat je opnieuw publiceert.