U kunt een object op sommige schermgroottes tonen en op andere verbergen. Selecteer het, ga naar Details > Formaten en vink onder Responsief de apparaten uit waarop het niet moet verschijnen. Dit werkt goed voor een paar wissels, zoals een korte banner op telefoons en een brede op computers. Kopieert u het grootste deel van een pagina, dan past een responsieve layout of een aparte mobiele pagina meestal beter (zie de tabel hieronder).
Een object op sommige apparaten verbergen
- Selecteer het object.
- Ga naar Details > Formaten (het derde pictogram) en scrol omlaag naar Responsief.
- Vink de apparaten uit waarop het object niet moet verschijnen: Weergeven op mobiel, Weergeven op tablet, Weergeven op desktop, Weergeven op breed bureaublad of Weergeven op ultrabreed bureaublad. Houd de muis boven een vakje om te zien welke schermbreedtes het omvat.
- Maak het EverWeb-venster smaller en breder. Het object verdwijnt bij de groottes die u hebt uitgevinkt.
- Publiceer en controleer het daarna op uw telefoon. Voordat u publiceert, kunt u op Voorbeeld in de knoppenbalk klikken, Preview QR Code (QR-code voor voorvertoning) kiezen en de code scannen met uw telefoon.
Twee versies wisselen? Vink bij de ene de computergroottes aan, en bij de andere de groottes voor telefoon en tablet. Zorg dat bij elke grootte een van de twee is aangevinkt, anders ontstaat er bij die grootte een gat.
Waar beginnen telefoon, tablet en desktop? Die breedtes heten breakpoints. EverWeb toont ze als stippellijnen in de editor. Om ze te wijzigen, klikt u op Breakpoints in hetzelfde onderdeel Responsief, of kiest u Invoegen > Breakpoints.... Met Als standaard instellen zet u ze terug. De meeste websites hoeven ze nooit te wijzigen.
Een verborgen object terugvinden
- Om ze te zien: kies Scherm > Verborgen objecten weergeven. Verborgen objecten verschijnen als grijze vakken met een kruis erdoor. U kunt ze zien, maar er niet op klikken. Dat is normaal.
- Om er een te selecteren: klik met de rechtermuisknop op een leeg deel van de pagina (of Control-klik op een Mac), kies Verborgen objecten en kies daarna het object. U kunt dan de vakjes Show on (weergeven op) wijzigen, of het verwijderen. Heeft de pagina geen verborgen objecten, dan verschijnt dit menu-onderdeel niet.
Show on Device, een responsieve layout of een mobiele pagina?
| Show on Device (tonen per apparaat) | Responsieve layout (Containers) | Mobiele pagina | |
|---|---|---|---|
| Het meest geschikt voor | Een paar objecten wisselen | Dezelfde inhoud, anders geschikt voor elk scherm | Pagina's met gecentreerde layout |
| Paginatype | Responsief of Gecentreerd | Responsief | Gecentreerd |
| Wat u bijhoudt | Beide exemplaren van alles wat u wisselt | Eén pagina | Twee pagina's |
Verborgen objecten zijn nog steeds onderdeel van de gepubliceerde pagina, ze worden alleen niet getoond. Daarom:
- Gebruik een responsieve layout als de inhoud hetzelfde is en alleen de schikking verandert. Zie Een responsieve pagina bouwen met Containers, zodat alles netjes onder elkaar komt op een telefoon.
- Maak geen twee exemplaren van uw hoofdkop of van grote video's. Schik ze in plaats daarvan anders.
- Voeg op een pagina met gecentreerde layout een mobiele pagina voor telefoons toe. Zie Mijn website ziet er verkeerd uit op een telefoon: zo werkt mobiel in EverWeb.
Veelvoorkomende problemen
| Wat u ziet | Waarom | Wat u doet |
|---|---|---|
| Een object verdween terwijl u aan het werk was | Het is verborgen bij de huidige breedte van het venster | Gebruik Scherm > Verborgen objecten weergeven, of klik met de rechtermuisknop op de pagina en kies Verborgen objecten |
| De vakjes Show on zijn grijs | Het object is een responsieve rij. Responsieve rijen zijn verouderd en kunnen niet worden verborgen | Verberg de objecten erin, of verplaats ze naar een Container ingesteld op Rij en verberg de Container. Zie Waarom gaat dit niet naar de plek waar ik het naartoe sleep? |
| Een lege ruimte waar niets verschijnt | Daar staat misschien een verborgen object | Klik met de rechtermuisknop op de pagina, kies Verborgen objecten, selecteer het en verwijder het als u het niet nodig hebt |
| Een object verschijnt nooit | Alle vakjes Show on zijn uitgevinkt | Vink er minstens één aan |
| Het ziet er goed uit in EverWeb, maar niet op uw telefoon | Uw telefoon toont misschien een opgeslagen kopie | Open de pagina in een privévenster op uw telefoon |
Gerelateerde artikelen
- Waarom gaat dit niet naar de plek waar ik het naartoe sleep?
- Een responsieve pagina bouwen met Containers, zodat alles netjes onder elkaar komt op een telefoon
- Mijn website ziet er verkeerd uit op een telefoon: zo werkt mobiel in EverWeb
- Mijn website ziet er op mijn computer goed uit, maar is op mijn telefoon afgesneden of door elkaar