Samenvatting
Bovenin de editor staan vijf knoppen die de breedte van het canvas wisselen. Zo zie je hoe je pagina op een smaller scherm oogt zonder de editor te verlaten.
Elke knop hoort bij een schermbreedte, en de tooltip noemt die breedte. De editor begint op Laptop.
De gekozen stand wordt per gebruiker bewaard. Hij blijft dus staan op een volgende pagina en op een volgende website.
Wisselen van stand bepaalt niet voor welke schermgrootte je een opmaakwaarde zet. Dat kies je bij het opmaakveld zelf.
Wanneer gebruik je dit?
Je gebruikt dit als je wilt zien hoe je pagina op een tablet of een telefoon uitpakt. Je loopt de standen dan na voordat je publiceert.
Je gebruikt het ook als je aan opmaak werkt die per schermbreedte verschilt. Je zet het canvas dan op de breedte waarvoor je die waarde hebt bedoeld.
En je gebruikt het als je inhoud hebt verborgen op een bepaalde schermgrootte. De stand bepaalt namelijk welke verborgen inhoud je terug kunt halen.
Hoe werkt dit in Mach3Blocks?
De vijf knoppen samen heten de Deviceview-switcher. Zij staan bovenin, boven het canvas, en elke knop heeft een eigen tooltip met de schermbreedte erin.
Klik je op een knop, dan krijgt het canvas de breedte die bij die stand hoort. De pagina schakelt dan over op de opmaak die je voor die breedte hebt gezet.
De keuze wordt meteen bewaard, en er is geen knop Opslaan voor. De stand hangt aan je gebruiker en niet aan de pagina of aan de website.
Past het canvas niet in het beeld, dan wordt het verkleind weergegeven. Je ziet de hele breedte dus altijd, alleen kleiner.
Wat er buiten het canvas aan de stand hangt
De stand doet meer dan alleen de breedte. Drie andere plekken lezen dezelfde bewaarde stand.
| Waar | Wat de stand daar bepaalt |
|---|---|
| De actie Toon verborgen blokken | alleen de blokken die op de actieve stand verborgen zijn, komen terug |
| De actie Toon verborgen elementen | hetzelfde, maar dan binnen een blok |
| Het label Verborgen op schermgrootte in de blokkenpopin | een blok krijgt dat label zodra het op de actieve stand verborgen zou zijn |
Dat label staat bij drie categorieën in de blokkenpopin. Een blok uit een blokbibliotheek krijgt het niet.
- Maatwerk
- Favorieten
- Globaal
De voorbeelden in de blokkenpopin volgen de stand ook. Je ziet daar de blokken dus op dezelfde breedte als op het canvas.
Overzichtstabel met opties, waarden en standaard
De middelste kolom komt letterlijk uit de tooltip van de knop. De rechterkolom is de breedte die het canvas werkelijk krijgt.
| Stand | De schermbreedte in de tooltip | Breedte van het canvas | Bijzonderheden |
|---|---|---|---|
| Desktop | 1280px en breder | minstens 1280px, en verder de volle breedte van het beschikbare vlak | de enige stand die met je eigen scherm meebeweegt |
| Laptop | 1024px tot 1280px | 1024px | de stand waarop de editor begint |
| Tablet | 768px tot 1024px | 768px | |
| Telefoon liggend | 480px tot 768px | 480px | |
| Telefoon staand | smaller dan 480px | 360px | de tooltip noemt hier geen getal |
De stand Telefoon staand zet het canvas op 360px en niet op 479px. Dat is de gangbare breedte van een telefoon in staande stand.
Bij de opmaakvelden komen dezelfde vijf namen terug, met een afkorting erbij. Hoe je daar een waarde per schermgrootte zet, staat in Opmaak per schermgrootte.
Aanbevolen instelling
De editor begint op Laptop, en dat is een goede werkstand. Je hebt dan een vaste breedte, en je ziet toch het volledige ontwerp.
Loop voor een publicatie alle vijf de standen na. Elke stand hoort bij een echte schermbreedte, en een pagina kan er in één stand anders uitpakken dan in de andere vier.
Zet het canvas op de breedte waarvoor je een waarde hebt bedoeld voordat je die waarde controleert. Anders kijk je naar een breedte waarvoor die waarde niet geldt.
Doe de laatste controle met Preview en niet in de editor. Het canvas staat in een kader op een gekozen breedte; de voorvertoning vult het echte venster van de browser.
Voorwaarden en rechten
Voor deze vijf knoppen is geen recht nodig. Wie de editor kan openen, kan de stand wisselen.
De knoppen staan er op elk editorscherm, dus ook op het themascherm. Zij verdwijnen niet bij een pagina zonder blokken.
Opent de editor over een ander scherm heen, dan wisselt de stand wel maar wordt hij niet bewaard. De volgende keer sta je dan weer op de stand die je eerder had gekozen.
Gevolgen bij verkeerd instellen
Wisselen van stand verandert niets aan je pagina. Er wordt geen opmaak weggegooid en er wordt niets gepubliceerd.
Twee dingen kunnen wel misgaan, en beide komen erop neer dat je naar de verkeerde breedte kijkt.
| Wat er gebeurt | Waaraan je het merkt | Wat je doet |
|---|---|---|
| Je lost een probleem op in de verkeerde stand | op het echte apparaat staat het nog steeds fout | zet het canvas op de stand van dat apparaat en kijk opnieuw |
| Je mist verborgen inhoud | de actie brengt minder terug dan je verwacht | wissel naar de stand waarop je die inhoud hebt verborgen |
Omdat de stand aan je gebruiker hangt, neem je hem mee naar elk volgend object. Kom je op een pagina die er smal uitziet, kijk dan eerst welke knop actief is.