Sie können ein Objekt bei manchen Bildschirmgrößen anzeigen und bei anderen ausblenden. Wählen Sie es aus, gehen Sie zu Inspektor > Maße und deaktivieren Sie unter Responsiv die Geräte, auf denen es nicht erscheinen soll. Das eignet sich gut für ein paar Austauschobjekte, etwa ein kurzes Banner auf Handys und ein breites auf Computern. Wenn Sie den Großteil einer Seite kopieren würden, ist ein responsives Layout oder eine separate Mobilseite meist besser geeignet (siehe die Tabelle unten).
Ein Objekt auf manchen Geräten ausblenden
- Wählen Sie das Objekt aus.
- Gehen Sie zu Inspektor > Maße (das dritte Symbol) und scrollen Sie nach unten zu Responsiv.
- Deaktivieren Sie die Geräte, auf denen das Objekt nicht erscheinen soll: Auf dem Handy anzeigen, Auf dem Tablet anzeigen, Auf dem Desktop anzeigen, Auf breitem Desktop anzeigen oder Auf ultrabreitem Desktop anzeigen. Zeigen Sie mit der Maus auf ein Kästchen, um zu sehen, welche Bildschirmbreiten es abdeckt.
- Machen Sie das EverWeb-Fenster schmaler und breiter. Das Objekt verschwindet bei den Größen, die Sie deaktiviert haben.
- Veröffentlichen Sie und prüfen Sie es dann auf Ihrem Handy. Vor dem Veröffentlichen können Sie in der Symbolleiste auf Vorschau klicken, Preview QR Code (Vorschau-QR-Code) wählen und den Code mit Ihrem Handy scannen.
Zwei Versionen austauschen? Aktivieren Sie bei der einen die Computergrößen und bei der anderen die Handy- und Tablet-Größen. Achten Sie darauf, dass bei jeder Größe eine der beiden aktiviert ist, sonst entsteht bei dieser Größe eine Lücke.
Wo beginnen Handy, Tablet und Desktop? Diese Breiten heißen Schwellenwerte (Breakpoints). EverWeb zeigt sie im Editor als gestrichelte Linien an. Um sie zu ändern, klicken Sie im selben Bereich Responsiv auf Schwellenwerte oder wählen Sie Einfügen > Schwellenwerte.... Als Standard definieren setzt sie zurück. Die meisten Websites müssen sie nie ändern.
Ein ausgeblendetes Objekt finden
- Um sie zu sehen: Wählen Sie Fenster > Versteckte Objekte anzeigen. Ausgeblendete Objekte erscheinen als graue, durchgestrichene Kästen. Sie können sie sehen, aber nicht anklicken. Das ist normal.
- Um eines auszuwählen: Klicken Sie mit der rechten Maustaste auf einen leeren Teil der Seite (oder auf einem Mac bei gedrückter Ctrl-Taste), wählen Sie Versteckte Objekte und dann das Objekt. Danach können Sie seine Kästchen Auf ... anzeigen ändern oder es löschen. Wenn die Seite keine ausgeblendeten Objekte hat, erscheint dieser Menüpunkt nicht.
Show on Device, ein responsives Layout oder eine Mobilseite?
| Show on Device | Responsives Layout (Container) | Mobilseite | |
|---|---|---|---|
| Am besten für | Das Austauschen einiger Objekte | Denselben Inhalt, passend für jeden Bildschirm neu angeordnet | Seiten mit zentriertem Layout |
| Seitenart | Responsiv oder zentriertes Layout | Responsiv | Zentriertes Layout |
| Was Sie aktuell halten müssen | Beide Kopien von allem, was Sie austauschen | Eine Seite | Zwei Seiten |
Ausgeblendete Objekte sind weiterhin Teil der veröffentlichten Seite, sie werden nur nicht angezeigt. Deshalb:
- Verwenden Sie ein responsives Layout, wenn der Inhalt gleich ist und sich nur die Anordnung ändert. Siehe Mit Containern eine responsive Seite erstellen, die sich auf dem Smartphone sauber stapelt.
- Erstellen Sie keine zwei Kopien Ihrer Hauptüberschrift oder großer Videos. Ordnen Sie sie stattdessen neu an.
- Fügen Sie auf einer Seite mit zentriertem Layout eine Mobilseite für Handys hinzu. Siehe Meine Website sieht auf dem Handy falsch aus: So funktioniert die mobile Darstellung in EverWeb.
Häufige Probleme
| Was Sie sehen | Warum | Was zu tun ist |
|---|---|---|
| Ein Objekt ist während der Arbeit verschwunden | Es ist bei der aktuellen Fensterbreite ausgeblendet | Verwenden Sie Fenster > Versteckte Objekte anzeigen oder klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie Versteckte Objekte |
| Die Kästchen Auf ... anzeigen sind ausgegraut | Das Objekt ist eine responsive Zeile. Responsive Zeilen sind veraltet und können nicht ausgeblendet werden | Blenden Sie die Objekte darin aus, oder verschieben Sie sie in einen Container, der auf Zeile eingestellt ist, und blenden Sie den Container aus. Siehe Warum bleibt das nicht dort, wohin ich es ziehe? |
| Eine leere Stelle, an der nichts angezeigt wird | Dort liegt möglicherweise ein ausgeblendetes Objekt | Klicken Sie mit der rechten Maustaste auf die Seite, wählen Sie Versteckte Objekte, wählen Sie es aus und löschen Sie es, wenn Sie es nicht brauchen |
| Ein Objekt erscheint nie | Alle seine Kästchen Auf ... anzeigen sind deaktiviert | Aktivieren Sie mindestens eines |
| In EverWeb sieht es richtig aus, aber nicht auf Ihrem Handy | Ihr Handy zeigt möglicherweise eine gespeicherte Kopie | Öffnen Sie die Seite auf Ihrem Handy in einem privaten Fenster |
Verwandte Artikel
- Warum bleibt das nicht dort, wohin ich es ziehe?
- Mit Containern eine responsive Seite erstellen, die sich auf dem Smartphone sauber stapelt
- Meine Website sieht auf dem Handy falsch aus: So funktioniert die mobile Darstellung in EverWeb
- Meine Website sieht auf meinem Computer gut aus, ist aber auf meinem Handy abgeschnitten oder durcheinander