header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

Studio Editor: Pagina's scannen op problemen met responsief ontwerp

6 min
In dit artikel
  • Een pagina scannen op problemen met responsief ontwerp
  • Gesloten problemen herstellen
  • Veelgestelde vragen
Het maken van responsieve ontwerpen voor je klanten is essentieel in een wereld met meerdere apparaten. De Responsive Checker in Wix Studio vereenvoudigt dit proces en helpt je om problemen op alle breekpunten snel te identificeren en te beheren. 
Je kunt ervoor kiezen om problemen op te lossen, te bekijken of af te wijzen, waardoor je de flexibiliteit hebt om het ontwerp naar jouw visie te verfijnen.
Een screenshot van de Responsive Checker in de Studio Editor, met open en opgeloste problemen

Een pagina scannen op problemen met responsief ontwerp

Los problemen met responsief ontwerp op deze pagina op, zodat het ontwerp er goed uitziet op alle schermformaten. De pagina wordt gecontroleerd op alle breekpunten. Beslis daarna je of de problemen die we hebben vastgesteld, relevant zijn voor je ontwerp of dat ze moeten worden genegeerd.

Om een pagina te scannen:

  1. Ga naar je editor en open de relevante websitepagina.
  2. Klik links in je editor op Site Checker .
  3. Selecteer Responsieve problemen oplossen.
  4. Klik op Pagina scannen.
  5. Bekijk de problemen op deze pagina.
  6. Kies wat je met elk probleem wilt doen:
    • Het probleem oplossen: Klik naast het probleem op Oplossen. Hiermee wordt onze aanbevelingen automatisch toegepast op de relevante elementen en wordt het probleem uit het paneel verwijderd.
    • Bekijk het probleem op de pagina: Klik op Bekijken op canvas om te zien hoe het probleem eruitziet voordat je besluit of je onze oplossing wilt toepassen. 
    • Het probleem sluiten: Klik op het Sluiten-pictogram  bij het probleem om het te negeren. Het probleem zal niet opnieuw verschijnen als je deze pagina ooit opnieuw scant.   
  7. (Optioneel) Scan een andere pagina:
    1. Klik bovenaan op de pagina-dropdown.
    2. Klik naast de betreffende pagina op Scannen.
Een screenshot van de Responsive Checker in de Studio Editor. Er wordt geklikt om een positieprobleem op het canvas te bekijken
Tip:
Sommige problemen verschijnen alleen op bepaalde breekpunten. In dat geval zie je linksonder het probleem een pictogram, dat het betreffende breekpunt vertegenwoordigt. 

Gesloten problemen herstellen

Wanneer je een probleem sluit, sluit de Responsive Checker het volledig, zelfs als je de pagina opnieuw scant. De gesloten problemen zijn echter altijd beschikbaar om te bekijken en te beslissen of je onze oplossing wilt toepassen. 

Om een gesloten probleem te herstellen:

  1. Ga naar je editor en open de relevante websitepagina.
  2. Klik links in je editor op Site Checker .
  3. Selecteer Responsieve problemen oplossen.
  4. Klik bovenaan op het Filter-pictogram .
  5. Selecteer Gesloten problemen.
Een screenshot van de bovenkant van het Responsive Checker-paneel, waar je op het Filter-pictogram klikt en gesloten problemen selecteert
  1. (Optioneel) Klik naast het relevante probleem op Bekijken op canvas om het op de pagina te zien.
  2. Klik op Herstellen.
  3. (Optioneel) Los het herstelde probleem op:
    1. Klik bovenaan op het Filter-pictogram .
    2. Selecteer Openstaande problemen.
    3. Zoek het herstelde probleem en klik op Oplossen.
Een screenshot van een gesloten probleem in de Responsive Checker. Er wordt op Herstellen geklikt.

Veelgestelde vragen

Klik op een vraag hieronder om meer te lezen.
Meer lezen over responsief ontwerp:
De Wix Studio Academy biedt talloze hulpbronnen om je te helpen snel responsieve websites te ontwerpen. Bekijk deze om meer te lezen over responsiviteit in de editor:
Een screenshot van de Responsive Checker in de Studio Editor, met open en opgeloste problemen
Een screenshot van de Responsive Checker in de Studio Editor. Er wordt geklikt om een positieprobleem op het canvas te bekijken
Een screenshot van de bovenkant van het Responsive Checker-paneel, waar je op het Filter-pictogram klikt en gesloten problemen selecteert
Een screenshot van een gesloten probleem in de Responsive Checker. Er wordt op Herstellen geklikt.