Diese Informationen sind spezifisch für den klassischen Editor und nicht relevant für Editor 2.0 (früher bekannt als All-Flex-Editor). Um Ihre aktuelle Editor-Version zu identifizieren, siehe So identifizieren Sie die Editor-Version, die Ihre Website verwendet.
Aufgrund der Veröffentlichung von Apple für iPads (iPadOS) zeigen iPads die gleiche Ansicht wie auf Desktops. Sie können jedoch zum Layout „Responsiver Desktop/Tablet“ wechseln, um sicherzustellen, dass alle Anpassungen auf Live-Websites sichtbar sind.
Das responsive Layout zeigt auf größeren Desktops den Header mit der oberen Navigationsleiste an und wechselt automatisch zum Header mit dem Hamburger-Menü, wenn die Bildschirmgröße 1024 px und weniger beträgt. Das Layout für kleine Bildschirme kann, falls erforderlich, angepasst werden.
Bei den meisten Websites ist diese Funktion automatisch aktiviert und die unten angegebene Umschaltfunktion ist nicht verfügbar.
Bei Websites, bei denen dies nicht aktiviert wurde, wird die Option zum Deaktivieren entfernt, sobald die Option aktiviert ist.
Die mobile Ansicht einer im klassischen Editor erstellten Website inklusive Header wird durch das verwendete Gerät bestimmt, nicht durch die Größe eines Browserfensters. Das hat zur Folge, dass die Größenanpassung Ihres desktop Browsers zur Simulation eines mobilen Ansichtsfensters nicht genau wiedergibt, wie die Website oder die Kopfzeile auf tatsächlichen Mobilgeräten aussieht. Um die tatsächliche mobile Darstellung der Website, einschließlich des Headers, zu sehen, ist es am besten, sie direkt auf einem mobilen Gerät anzuzeigen.
So verwenden Sie responsive Website-Layouts:
- Klicken Sie in der Seitenleiste des Editors auf Thema und anschließend auf Website-Layout.
- Klicken Sie unter „Desktop“ auf den Schalter Responsives Layout.
- Wählen Sie ein Website-Layout für über 1024 px.
- Wählen Sie ein Website-Layout für 1024 px und weniger.
Nach der Umstellung auf responsive Website-Layouts können Sie die Ansicht in der oberen Navigationsleiste umschalten, um „Großer Desktop“ (über 1024px), „Kleiner Desktop/Tablet“ (1024 px und weniger) und „Mobil“ anzuzeigen. Weitere Informationen dazu finden Sie unter Ansichten wechseln.
Das CSS ist für die Haltepunkte „Großer Desktop“ und „Kleiner Desktop/Tablet“ gleich, und Sie werden kein Tablet-CSS sehen.
Elemente können pro Haltepunkt („Großer Desktop“ und „Kleiner Desktop/Tablet“) ausgeblendet werden. Weitere Informationen finden Sie unter Ansichten wechseln und Ausgeblendete Elemente anzeigen.
Die Übergänge sind fließender und basieren nicht auf Benutzer-Agents.
Beachten Sie, dass die folgenden Tablet-Anpassungen automatisch das Desktop-Layout anzeigen und nicht weiter angepasst werden müssen:
- Fotogalerie-Layouts
- Tablet-Personalisierungsregeln
- Animationen
Wichtige Hinweise
Wenn Sie ausgeblendete Elemente auf Ihrer Website haben, stellen Sie sicher, dass diese sichtbar sind, bevor Sie „Responsives Layout“ aktivieren. Um dies zu beheben, deaktivieren Sie „Responsives Layout“ und blenden Sie alle verborgenen Elemente wieder ein. Anschließend können Sie „Responsives Layout“ wieder aktivieren und alle ausgeblendeten Elemente wieder ausblenden. Weitere Informationen finden Sie unter Ausgeblendete Elemente anzeigen.
Die Personalisierung zeigt kein Tablet-Gerät mehr an. Die Auswahl von „Desktop“ wirkt sich auch auf die Tablet-Ansichten aus.