header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Studio Editor: Seiten auf Probleme mit dem responsiven Design überprüfen

6 min
In diesem Artikel
  • Eine Seite auf responsive Probleme überprüfen
  • Verworfene Probleme wiederherstellen
  • Häufig gestellte Fragen (FAQs)
In einer Welt mit unterschiedlichen Geräten ist es enorm wichtig, responsive Designs für deine Kunden zu erstellen. Der Responsivitätsprüfer in Wix Studio vereinfacht diesen Prozess und hilft dir, Probleme über alle Breakpoints hinweg schnell zu identifizieren und zu verwalten.
Du kannst Probleme beheben, anzeigen oder verwerfen und so das Design nach deinen Vorstellungen anpassen.
Screenshot des Responsivitätsprüfers im Studio Editor, der offene und behobene Probleme zeigt.

Eine Seite auf responsive Probleme überprüfen

Behebe Probleme mit der Responsivität auf dieser Seite, um sicherzustellen, dass das Design der Seite auf allen Bildschirmgrößen gut aussieht. Die Seite wird an allen Breakpoints überprüft. Du entscheidest dann, ob die von uns identifizierten Probleme für dein Design relevant sind oder ignoriert werden können.

Um eine Seite zu überprüfen:

  1. Öffne deinen Editor und öffne die entsprechende Seite deiner Website.
  2. Klicke links im Editor auf Website-Prüfer .
  3. Wähle Responsive Probleme beheben.
  4. Klicke auf Seite überprüfen.
  5. Überprüfe die auf dieser Seite gefundenen Probleme.
  6. Wähle bei jedem Problem aus, was geschehen soll:
    • Das Problem beheben: Klicke neben dem Problem auf Beheben. Dadurch wird unsere Empfehlung automatisch auf die entsprechenden Elemente angewendet und das Problem aus dem Panel entfernt.
    • Das Problem auf der Seite anzeigen: Klicke auf Ansehen, um dir anzuschauen, wie das Problem aussieht, bevor du entscheidest, ob unsere Lösung angewendet werden soll oder nicht. 
    • Das Problem verwerfen: Klicke auf das Symbol für Verwerfen , um das Problem zu ignorieren. Das Problem wird nicht erneut angezeigt, wenn du die Seite erneut überprüfst.
  7. (Optional) Überprüfe eine andere Seite:
    1. Klicke oben auf das Dropdown-Menü.
    2. Klicke neben der entsprechenden Seite auf Überprüfen.
Screenshot des Responsivitätsprüfers im Studio Editor, in dem ein Positionsproblem auf der Arbeitsfläche angezeigt wird.
Tipp:
Einige Probleme treten nur an bestimmten Breakpoints auf. In diesem Fall siehst du unten links vom Problem ein Symbol, das den betroffenen Breakpoint anzeigt.

Verworfene Probleme wiederherstellen

Wenn ein Problem verworfen wird, ignoriert es der Responsivitätsprüfer vollständig, auch wenn du die Seite erneut überprüfst. Die verworfenen Probleme sind jedoch jederzeit verfügbar, damit du sie überprüfen und entscheiden kannst, ob du unsere Lösung anwenden möchtest.

Um ein verworfenes Problem wiederherzustellen:

  1. Öffne deinen Editor und öffne die entsprechende Seite deiner Website.
  2. Klicke links im Editor auf Website-Prüfer .
  3. Wähle Responsive Probleme beheben aus.
  4. Klicke oben auf das Filter-Symbol .
  5. Wähle Verworfene Probleme.
Screenshot vom oberen Rand des Responsivitätsprüfer-Panels, in dem du auf das Filter-Symbol klickst und die Option „Verworfene Probleme“ auswählst.
  1. (Optional) Klicke neben dem entsprechenden Problem auf Ansehen, um es auf der Seite anzuzeigen.
  2. Klicke auf Wiederherstellen.
  3. (Optional) Behebe das wiederhergestellte Problem:
    1. Klicke oben auf das Filter-Symbol .
    2. Wähle Offene Probleme aus.
    3. Suche das wiederhergestellte Problem und klicke auf Beheben.
Screenshot eines verworfenen Problems im Responsivitätsprüfer, es wird auf „Wiederherstellen“ geklickt.

Häufig gestellte Fragen (FAQs)

Klicke unten auf eine Frage, um mehr zu erfahren.
Mehr erfahren über responsives Design:
Die Wix Studio Academy bietet unzählige Ressourcen, die dir helfen, responsive Websites schnell zu gestalten. Sieh dir diese Seiten an, um mehr über die Responsivität im Editor zu erfahren: