Samenvatting
Je themavariabelen zijn de waarden die voor je hele website gelden. Het zijn 22 kleurvelden, drie lettertypevelden en vijf ruimtevelden.
Ze staan in de kaart Variabelen van je thema, verdeeld over drie onderdelen. Dit artikel geeft per onderdeel een tabel met zijn velden.
Elk blok en elk element erft deze waarden. Wijzig je er een, dan verandert alles mee dat naar die waarde verwijst.
Wanneer gebruik je dit?
Je gebruikt dit als een kleur, een lettertype of een vaste maat overal tegelijk moet gelden. Je zet de waarde dan op een plek in plaats van in elk blok.
Je komt hier ook zoeken welk veld welke waarde zet. Dat is de vraag die dit artikel per onderdeel beantwoordt.
Weet je nog niet wat je thema is, begin dan bij Thema uitgelegd.
Hoe werkt dit in Mach3Blocks?
Je opent een onderdeel door er links in de thema-navigatie op te klikken. De velden verschijnen dan rechts in het instellingenpaneel.
Er zijn geen kant-en-klare kleurschema's om uit te kiezen. Je zet elke waarde zelf, en je website begint met de waarden die zij bij het aanmaken heeft meegekregen.
Hoe je variabelen elders in de editor terugkomen
Buiten je thema werkt elk soort veld anders. Alleen een kleurveld biedt je variabelen als keuze aan.
| Soort veld | Wat het elders in de editor doet |
|---|---|
| kleurveld | toont twee groepen: Thema met een vakje per themakleur, en Gebruikt met de kleuren die al op je website staan |
| lettertypeveld | biedt geen variabele aan. Je kiest er rechtstreeks een lettertype |
| ruimteveld | biedt geen variabele aan. Het is een gewoon getalveld met een eenheid |
Kies je in een kleurveld een vakje onder Thema, dan bewaart dat veld je variabele en niet de kleurwaarde. Wijzig je de variabele later, dan gaat dat veld mee.
Op het themaonderdeel Kleuren zelf staat de groep Thema er niet. Daar ben je je variabelen aan het instellen, dus er is niets om uit te kiezen.
Je ruimtevariabelen werken anders. Ze staan nergens als keuze, maar je thema rekent er zelf mee.
Wijzig je Element ruimtes, dan verschuift alles wat die maat erft. Je vindt dus geen enkel veld waarin die maat als keuze staat.
Overzichtstabel met opties, waarden en standaard
Kleuren
Dit onderdeel heeft 22 velden, verdeeld over zeven groepen. De tabel staat in de volgorde van het scherm.
| Kleurgroep | Velden | Waarvoor de groep er is |
|---|---|---|
| Wit | 1 | het wit van je huisstijl |
| Zwart | 1 | het zwart van je huisstijl |
| Primair | 3 | je hoofdkleur, in drie tinten |
| Secundair | 3 | je tweede kleur, in drie tinten |
| Succes | 2 | een geslaagde uitkomst, in twee tinten |
| Gevaar | 2 | een fout of een risico, in twee tinten |
| Neutraal | 10 | je grijstinten, van licht naar donker |
Alleen de groep heeft een label. Een los kleurveld heeft geen naam; je ziet er een kleurvlak.
Je klikt op zo'n vlak en kiest je kleur. Hoe die kleurkiezer werkt, staat in Kleuren en achtergrond.
Lettertypes
Dit onderdeel heeft drie velden, een per rol. Elk veld is een leesveld met de knop Bladeren ernaast.
| Rol | Waarvoor de rol er is |
|---|---|
| Headings | je koppen |
| Subheadings | je tussenkoppen |
| Teksten | je gewone tekst |
Het veld toont de variant achter de naam zodra je lettertype meer dan een variant heeft. Staat er Assistant Semibold, dan is Assistant je lettertype en Semibold de variant.
Er is dus geen apart veld voor je letterdikte. Die zit in de naam die het veld toont.
Je kiest alleen uit Google Fonts. Een eigen lettertypebestand uploaden kan hier niet.
Ruimtes
Dit onderdeel heeft vijf velden. Elk veld is een getalveld met een eenheid erachter.
| Veld | Waarvoor het geldt |
|---|---|
| Blok ruimtes | de verticale ruimte tussen je blokken |
| Container breedte | de maximale breedte van je inhoud |
| Kolom ruimtes | de ruimte tussen je kolommen |
| Card ruimtes | de ruimte binnen een card |
| Element ruimtes | de ruimte tussen je elementen |
Je kiest per veld uit acht eenheden:
- px
- rem
- em
- vw
- vh
- cqw
- cqh
- calc
Aanbevolen instelling
Er is geen vaste standaardwaarde voor deze velden. Je website krijgt bij het aanmaken een set waarden mee, en die sets verschillen onderling.
De waarden die je hier aantreft, zijn dus die van jouw website. Een getal uit een andere website of uit een oudere handleiding hoeft hier niet te passen.
De aanbeveling zit daarom in de indeling en niet in een getal. Houd elke groep bij de rol waarvoor zij bedoeld is.
| Onderdeel | Wat wij aanraden |
|---|---|
| Kleuren | je merkkleur in Primair, je steunkleur in Secundair, je grijstinten in Neutraal. Succes en Gevaar houd je voor een uitkomst of een risico |
| Lettertypes | hoogstens twee lettertypes over de drie rollen, zodat je website rustig blijft |
| Ruimtes | dezelfde eenheid in alle vijf de velden, zodat de maten onderling kloppen |
Zet je hier alles goed voordat je gaat bouwen, dan hoef je later per blok bijna niets bij te stellen.
Voorwaarden en rechten
Je hebt het recht Websites/presentaties stijlen nodig. Zonder dat recht zie je de knop Thema niet, en dan is er geen weg naar je variabelen.
De rollen Beheerder en Bouwer hebben dit recht standaard. Bij de andere rollen moet een beheerder het apart toekennen.
De rest van dat recht staat in Thema uitgelegd.
Gevolgen bij verkeerd instellen
Een variabele wijzigen is geen kleine ingreep. Elk blok dat naar die waarde verwijst, verandert mee.
Een plaatselijke afwijking gaat niet mee. Heeft iemand bij een blok een eigen kleur gezet, dan blijft die kleur staan. Lees Opmaakniveaus.
Dat werkt twee kanten op. Verandert een blok niet mee, dan is de kans groot dat daar een eigen waarde staat.
Zet je een kleur in de verkeerde groep, dan volgt alles wat die groep gebruikt. Je merkkleur in Neutraal kleurt dus je grijstinten.
Een gewijzigde waarde staat meteen in Mach3Blocks. Op je live website verandert zij pas nadat je opnieuw publiceert.