Wix Harmony Editor: Je website aanpassen voor mobiel

Met zoveel bezoekers die op hun telefoon browsen, is het mobiele uiterlijk van je website meer dan ooit belangrijk. In de Wix Harmony-editor is het moeilijkste gedeelte voor je geregeld — je ontwerp op desktop wordt automatisch aangepast om op alle schermen te passen.

Ga naar de mobiele weergave om te zien hoe je website eruitziet op mobiel. Je hebt de vrijheid om het ontwerp aan te passen, zodat je bezoekers de best mogelijke ervaring krijgen, ongeacht het apparaat.

Wanneer je je website bouwt, maak je eerst je indeling en stijl op desktop. Wijzigingen op desktopniveau vloeien automatisch door naar mobiele en andere schermen, waardoor alles gesynchroniseerd blijft. Dit betekent dat je maar één keer hoeft te ontwerpen en dat je website meteen klaar is voor telefoons, tablets en computers.

Wil je dat je website er goed uitziet op mobiele apparaten? Je kunt hem verfijnen door de grootte, kleur of plaatsing van elementen te wijzigen, zonder de desktopversie te wijzigen. 

Sommige acties, zoals het verplaatsen van elementen tussen onderdelen of containers, zijn uitgeschakeld in de mobiele weergave. Dit is om je website overzichtelijk en gemakkelijk te beheren te houden op alle apparaten. Als je die grotere zetten wilt maken, schakel dan terug naar de desktop en blijf met vertrouwen bouwen.

Maak de mobiele ervaring van je website echt uniek door elementen die alleen voor mobiele telefoons geschikt zijn, toe te voegen. Aangezien deze elementen niet op je desktopwebsite verschijnen, kun je ze ontwerpen en hun indeling naar wens aanpassen. Dit is vooral handig wanneer je desktop-elementen wilt vervangen die minder geschikt zijn voor kleinere schermen.

Je kunt elementen die je liever niet op mobiel weergeeft, altijd van desktop verbergen. Schakel over naar de mobiele weergave en open het Lagen-paneel. Klik dan naast een element op het Verbergen-pictogram zodat het alleen op desktop verschijnt. 

Klik nog steeds in het Lagen-paneel op Verborgen op mobiel om de volledige lijst met verborgen elementen te zien. Als je ooit van gedachten verandert over een element, klik je op het Weergeven op mobiel-pictogram om het weer zichtbaar te maken.  

Terwijl je aanpassingen aanbrengt, is het belangrijk om ervoor te zorgen dat het ontwerp er goed uitziet voordat je live gaat. Klik rechtsboven in de editor op Voorbeeld. Sleep dan de schuifregelaar bovenaan om het scherm kleiner te maken en te zien hoe je ontwerp live wordt aangepast — niet alleen voor mobiel, maar ook voor tablets. 

Zodra je hebt gepubliceerd, scan je de QR-code die in de editor verschijnt om je website rechtstreeks op je apparaat te zien.

Klik op een vraag hieronder om meer te lezen.