Een site responsief maken¶
Wat is een responsieve site?¶
Eenvoudig gezegd is een “responsive” site een website die op een leesbare en ergonomische manier kan worden bekeken op verschillende schermgroottes (van desktop tot smartphone).
WaFx lost dit probleem op door de webmaster voor te stellen de pagina’s van zijn site te definiëren met onderdelen waarvan de geometrische eigenschappen afhankelijk zijn van het scherm van de bezoeker.
Algemeen advies¶
- Gebruik van de zoom
Aarzel niet om de zoom te activeren (linksboven) om uw elementen gemakkelijk te kunnen lokaliseren.
- Gebruik maken van element maskering
U kunt uw lay-out verfijnen door bepaalde elementen te verbergen, afhankelijk van het scherm of de taal
Hoe gebruik ik responsive?¶
Tip
Het is raadzaam om slechts 2 werkende schermen (1 desktop + mobiel) te plaatsen, uw site zal gemakkelijker aan te passen zijn
U hebt uw site in computerformaat gemaakt en u wilt deze toegankelijk maken op een smartphone (zonder dat de bezoeker hoeft in te zoomen om de elementen van uw site te zien).
Activeer het mobiele formaat in de algemene site-eigenschappen (kies 2 lay-outs).
Selecteer op uw werkruimte het pictogram dat overeenkomt met het mobiele formaat.
Uw pagina wordt weergegeven als “verkleind”, het is nog niet in mobiel formaat.
Daarna moet je elk element rangschikken (de meeste vergroten) om een leesbare mobiele weergave te hebben.
Publiceer, uw site is nu responsief