Met de editor voor Mobiele weergave kun je de website aanpassen voor mobiele apparaten. Wijzigingen die je maakt in de editor voor Mobiele weergave hebben geen invloed op de desktopversie van de site.
Je kunt het volgende aanpassen:
- Verberg elementen in de Mobiele weergave
- De lettergrootte wijzigen
- De uitlijning van knoppen aanpassen
- De header en het menu bewerken
- De volgorde van de componenten wijzigen
- Componenten onderaan de pagina vastzetten
We verbeteren Website Builder voortdurend. Sommige optimalisaties zijn echter pas zichtbaar nadat je de website opnieuw hebt gepubliceerd. Daarom raden we je aan om de site opnieuw te publiceren voordat je de editor voor Mobiele weergave gebruikt.
Nog geen website? Met onze gebruiksvriendelijke Website Builder maak je zelf een professionele website zonder coderen.
Verberg elementen in de Mobiele weergave
Je kunt delen van de site verbergen die er minder goed uitzien in de mobiele weergave, bijvoorbeeld een grote header.
- Selecteer de component die je wilt verbergen en klik op het oogpictogram rechts, om deze te verbergen.
- De component wordt nu weergegeven onder het gedeelte Verborgen elementen aan de linkerkant
- Klik op het +-pictogram onder verborgen elementen om deze actie ongedaan te maken en terug te zetten.
Tip: De volgende sneltoetsen kunnen handig zijn bij het bewerken van de site voor mobiel: wissel tussen de mobiele en desktop-editor met Ctrl/Cmd + J, en bekijk een voorbeeld van de site met Ctrl/Cmd + P.
De lettergrootte wijzigen
Je kunt de lettergrootte kleiner of groter maken en de uitlijning wijzigen (links, rechts, gecentreerd, uitgevuld), bijvoorbeeld als een titel niet helemaal past.
Klik op de tekst die je wilt aanpassen. Je krijgt de volgende opties:
- Maak je tekst kleiner of groter door op de A- en A+ pictogrammen te klikken.
- Verander de uitlijning van de tekst naar links, gecentreerd, rechts of uitgevuld.
- Wis de opmaak en zet deze terug naar de standaardopmaak door op de knop Tx te klikken.
De uitlijning van knoppen aanpassen
Je kunt de uitlijning van knoppen in mobiele weergave wijzigen.
- Klik op de knop die je wilt aanpassen en selecteer of de knop links, gecentreerd, rechts of uitgevuld moet worden uitgelijnd.
- Wanneer een knop wordt uitgevuld, strekt deze zich uit over de volledige breedte van de pagina.
De header en het menu bewerken
Je kunt ook de stijl van de header bovenaan het scherm bewerken zodat deze bij de site past. Standaard staat de paginanaam in de linkerbovenhoek, het menupictogram staat aan de rechterkant en de stijl van de header is gebaseerd op het template.
Klik op het menupictogram in de rechterbovenhoek om de instellingen te openen. Je kunt de volgende instellingen wijzigen:
- Logo weergeven - Vink dit vakje aan om je logo in de linkerbovenhoek van de header van de site weer te geven. Je kunt elke gewenste afbeelding selecteren, maar we raden aan een afbeelding met een transparante achtergrond te gebruiken.
- Titel weegeven - Standaard wordt de paginatitel weergegeven, maar je kunt er ook voor kiezen om de titel van de website te tonen.
- Vaste header - Vink dit vakje aan als je wilt dat de header op de pagina blijft staan wanneer je bezoekers naar beneden scrollen.
- Gebruik aangepaste styling - Vink dit vakje aan als je de stijl van de titel, het menu en de achtergrond wilt aanpassen. Je kunt het lettertype, de kleur en de achtergrondkleur veranderen. Onder menustijl kun je de stijl van het ingeklapte menu, het geopende menu en de stijl van een geselecteerde pagina in het geopende menu bewerken.
Standaard is deze optie niet aangevinkt en wordt de stijl van het gekozen template gebruikt.
De volgorde van de componenten wijzigen
Je kunt de volgorde van componenten op de pagina wijzigen door deze naar boven en beneden te verplaatsen.
- Klik op de component die je wilt verplaatsen en houd de muis ingedrukt terwijl je deze omhoog of omlaag sleept.
- Als alternatief kun je de pijlen aan de rechterkant van het scherm gebruiken om het te verplaatsen.
- Sommige componenten zijn gegroepeerd in een kader en kunnen daarbuiten niet worden verplaatst. Je kunt nog steeds het kader met alle componenten verplaatsen.
Componenten onderaan de pagina vastzetten
Componenten die deel uitmaken van de template (in de footer) kunnen worden vastgezet aan de onderkant van de pagina's.
- Klik met de rechtermuisknop op de component die je naar beneden wilt verplaatsen en klik op "Zet vast aan de onderkant in mobiele weergave" in het menu dat verschijnt.
- Componenten die aan de onderkant zijn vastgezet, worden gemarkeerd met een blauwe omlijning als je er met de muis overheen gaat. Het is niet mogelijk om de volgorde van deze componenten te wijzigen.
- Om een component te ontgrendelen, selecteer je deze en klik je op het ontgrendelpictogram aan de rechterkant.
Tip: Je kunt de hele footer of alleen componenten ervan onderaan vergrendelen.
Nog geen toegang tot Website Builder? Je kunt dit 14 dagen gratis proberen en in een handomdraai een website maken. Start nu de gratis proefperiode
Gerelateerde artikelen: