Bekijk een voorproefje van hoe je voorpagina van versie 7.0 eruit zal zien op je mobiel.

Om ervoor te zorgen dat je voorpagina er op elk apparaat goed uitziet, zal het responsive design de inhoud automatisch in één kolom stapelen. Dit betekent dat je voorpagina er op mobiel natuurlijk iets anders uitziet dan op een computer. Hoewel de exacte mobiele weergave van je voorpagina afhangt van je lay-out en inhoud, zijn hier enkele algemene regels.

Voorpagina's zijn niet beschikbaar in versie 7.1. Om een vergelijkbare uitstraling te creëren, kun je de header en footer op bepaalde pagina's verbergen.

Voorbeeld met apparaatweergave

Gebruik de apparaatweergave om een voorbeeld te bekijken van hoe je voorpagina eruitziet op een mobiel apparaat, tablet of computer. We raden ook aan om je site te bezoeken op je eigen apparaat. Om je site vanaf een mobiel apparaat te bezoeken, typ je de URL van je pagina in de navigatiebalk van je mobiele browser. Je site heeft geen apart adres voor mobiele apparaten.

Mobile background images

Als je achtergrondafbeeldingen gebruikt op je voorpagina, raden we aan om een afbeelding zonder tekst of randen te gebruiken die enige flexibiliteit biedt bij het bijsnijden. Voor meer hulp hierbij kun je onze richtlijnen voor achtergrondafbeeldingen bekijken. 

Text on mobile

Als de hoofdtekst op een voorpagina een erg groot lettertype heeft, kunnen langere woorden en zinnen op mobiele apparaten wegvallen. Voor de beste resultaten raden we aan om de hoofdtekst kort te houden, een kleiner lettertype te gebruiken voor de hoofdtekst en spaties toe te voegen tussen woorden.

Overall layout changes on mobile

Hier zijn een paar aanpassingen die je zult opmerken als je voorpagina wordt bekeken op een mobiel apparaat:

• Split layouts (like Flash and Spotlight) stack vertically with the image stacked above the text.
• Layouts with split text (like Debut and Projector) stack the left-side text above the right-side.
• De Harbor lay-out is horizontaal verdeeld, waarbij de kaart boven de tekst is geplaatst.