Websites & Trechters: Tabletweergave aanpassen

Met de tabletmodus pas je aan hoe je Trechters (Funnels) en websites in Voluit Suite eruitzien op een tablet. Je kunt tekst, witruimte, indeling en de zichtbaarheid van elementen apart instellen voor tablets, los van desktop en mobiel. In dit artikel lees je hoe je de tabletmodus gebruikt, je ontwerp aanpast en je wijzigingen publiceert.

Voordelen van de tabletmodus

Met de tabletmodus stem je de indeling van je pagina af op verschillende schermformaten.

• Opmaak voor tablets: pas de tekstgrootte, witruimte, uitlijning en afmetingen van elementen aan voor tablets.
• Zichtbaarheid per apparaat: bepaal welke elementen zichtbaar zijn op desktop, tablet en mobiel.
• Voorbeeld bekijken: controleer je tabletontwerp voordat je het publiceert.
• Desktopopmaak als basis: de bestaande desktopopmaak blijft behouden totdat je deze voor tablets aanpast.

Voorwaarden en beperkingen

Houd rekening met het volgende voordat je de tabletmodus gebruikt:

• De tabletweergave gebruikt standaard de desktopopmaak.
• Instellingen met de aanduiding (inherits desktop) (overgenomen van desktop) delen hun waarden met de desktopweergave. Pas je zo'n instelling aan, dan verandert deze ook voor desktop.
• Bij bestaande pagina's blijft de eerdere werking van de zichtbaarheidsinstellingen behouden. Elementen die verborgen zijn op desktop, blijven ook verborgen op tablets.
• Bij nieuwe pagina's kun je de zichtbaarheid voor elk apparaattype apart instellen.
• Je ziet wijzigingen direct in het voorbeeld. Je moet de pagina opnieuw publiceren om de aangepaste tabletopmaak op je live pagina te tonen.

De tabletmodus gebruiken

Je opent de tabletmodus vanuit de trechterbouwer of websitebouwer.

1. Ga in je account naar Sites in het linkermenu.
2. Kies Trechters of Websites.
3. Open de trechter of website die je wilt aanpassen.
4. Selecteer je pagina en klik op Bewerken (Edit).
5. Kies bovenaan in de bouwer Tablet bij de apparaatkeuze.
6. Klik op het element dat je wilt aanpassen.
7. Gebruik de instellingen in de rechterzijbalk om de ondersteunde eigenschappen voor tablets aan te passen:
   • Lettergrootte en regelhoogte
   • Tekstuitlijning
   • Binnenruimte en buitenmarges
   • Ruimte tussen onderdelen
   • Breedte en hoogte
   • Aanpassingsopties voor veelgestelde vragen
8. Klik op Opslaan (Save) als je klaar bent.

Elementen tonen of verbergen op tablets

Bij nieuwe pagina's kun je apart bepalen of een element zichtbaar is op tablets, los van de desktop- en mobiele weergave.

1. Ga in je account naar Sites en kies Trechters of Websites.
2. Open je pagina en klik op Bewerken.
3. Selecteer het element dat je wilt tonen of verbergen.
4. Open het tabblad Stijlen (Styles) in de rechterzijbalk.
5. Zoek de instellingen voor Zichtbaarheid (Visibility).
6. Pas de zichtbaarheid voor tablets aan.
7. Klik op Opslaan.

Let op: bij pagina's die vóór de introductie van de tabletmodus zijn gemaakt, blijft de eerdere werking van de zichtbaarheidsinstellingen behouden. Elementen die verborgen zijn op desktop, blijven ook verborgen op tablets.

Je wijzigingen bekijken en publiceren

Controleer je tabletontwerp voordat je de pagina publiceert.

1. Ga in je account naar Sites en kies Trechters of Websites.
2. Open je pagina en klik op Bewerken.
3. Kies Tablet bij de apparaatkeuze.
4. Controleer de indeling en open het paginavoorbeeld.
5. Klik op Opslaan en daarna op Publiceren (Publish) om je live pagina bij te werken. Doorloop eventuele aanvullende stappen voor het publiceren.

Belangrijk: je moet bestaande live pagina's opnieuw publiceren om de tabletopmaak toe te passen. Opnieuw publiceren kan ook invloed hebben op de weergave op grotere telefoons, omdat de mobiele opmaak nu voor meer schermformaten geldt.

Veelgestelde vragen

V: Verandert mijn desktop- of mobiele ontwerp als ik de tabletweergave aanpas?

Antwoord: Nee, de ondersteunde opmaakinstellingen voor tablets staan los van de andere weergaven. Instellingen met de aanduiding (inherits desktop) hebben wel invloed op de desktopweergave als je ze aanpast.

V: Kan ik een element alleen op tablets verbergen?

Antwoord: Ja, bij nieuwe pagina's kun je de zichtbaarheid apart instellen voor desktop, tablet en mobiel. Bij bestaande pagina's blijft de eerdere werking van de zichtbaarheidsinstellingen behouden.

V: Moet ik mijn pagina opnieuw publiceren nadat ik het tabletontwerp heb aangepast?

Antwoord: Ja, je ziet wijzigingen direct in het voorbeeld, maar je moet de live pagina opnieuw publiceren om de aangepaste tabletopmaak zichtbaar te maken.