Mit GemPages können Sie die Sichtbarkeit bestimmter Elemente oder Abschnitte steuern über Geräte hinweg, um sicherzustellen, dass Ihre Seiten sowohl auf dem Desktop als auch auf Mobilgeräten gut aussehen.
Beispielsweise sind Design und Inhalt, die auf einem Desktop funktionieren, möglicherweise nicht optimal für Mobilgeräte. Indem Sie Elemente je nach Bildschirmgröße ein- und ausblenden, können Sie ein reibungsloseres und effektiveres Benutzererlebnis gewährleisten.
Angenommen, Sie entwerfen eine Call-to-Action-Schaltfläche (CTA) für Ihre Website:
- Desktop: Sie möchten, dass der CTA größer und detaillierter ist
- Mobil: Da der Platz auf dem Bildschirm begrenzt ist, entscheiden Sie sich einfach für eine optimierte Version.
Mithilfe der Ein-/Ausblenden-Funktion von GemPages können Sie verschiedene Versionen derselben Schaltfläche erstellen und sie an die individuellen Anforderungen jeder Bildschirmgröße anpassen.
Wie kann ich ein Element ein- und ausblenden?
Schritt 1: Fügen Sie im GemPages-Editor entweder ein neues Element hinzu oder klicken Sie auf ein vorhandenes Element, das Sie für verschiedene Geräte anpassen möchten.
Für dieses Beispiel nehmen wir an, Sie arbeiten mit einem Handlungsaufforderung (CTA) .
Schritt 2: Duplizieren Sie in GemPages die CTA-Schaltfläche, um zwei separate CTA-Schaltflächen zu erstellen: eine für den Desktop und eine für Mobilgeräte.
Schritt 3: Passen Sie die beiden Schaltflächen nach Ihren Wünschen an.
Schritt 4: Festlegen der Anzeigeeigenschaften
- Wählen Sie die Schaltfläche aus, die nur auf dem Desktop angezeigt werden soll. Im Erweitert Tab, Verwenden Sie die Anzeige ein Einstellung, um sicherzustellen, dass es nur auf Desktop-Bildschirmen angezeigt wird.
- Wählen Sie die andere für Mobilgeräte vorgesehene Option aus, passen Sie die Anzeige ein Einstellung, um es aus der Desktop-Ansicht auszublenden, während es auf Mobilgeräten sichtbar bleibt.
Wie kann ich einen Abschnitt ein- und ausblenden?
Sie können auch ganze Abschnitte je nach Bildschirmgröße ein- und ausblenden. Dies ist besonders nützlich, wenn Sie große Inhaltsblöcke oder bestimmte Funktionen haben, die sich auf kleineren Bildschirmen nicht gut darstellen lassen.
Schritt 1: Wählen Sie den Abschnitt aus, den Sie auf dem Mobilgerät ausblenden möchten.
Schritt 2: Sobald das Element ausgewählt ist, werden die Einstellungen auf der rechten Seite des Editors angezeigt.
Klicken Sie auf Registerkarte Erweitert oben im Einstellungsbereich. Mit dem Anzeige an Funktion zum Anpassen der Sichtbarkeit.
- Anzeigen der Abschnitt nur auf Desktop-Bildschirmen.
- Verbergen es bei der Anzeige auf Mobilgeräten.
Häufig gestellte Fragen
Warum funktioniert die Funktion „Ein-/Ausblenden“ auf dem iPhone nicht?
- Überprüfen Sie die Einstellungen für „Anzeige ein“: Stellen Sie sicher, dass das Element oder der Abschnitt für aktiviert ist. Mobil Im Tab „Erweitert“. Wenn diese Option auf Mobilgeräten ausgeblendet ist, wird sie auch auf dem iPhone nicht angezeigt.
- Vermeiden Sie sich überlappende Elemente: Ein Element kann zwar technisch sichtbar sein, aber auf Mobilgeräten von einem anderen Abschnitt oder Element verdeckt werden. Überprüfen Sie Abstand, Position (insbesondere absolute/fixierte Positionierung) und gegebenenfalls den z-Index.
- Cache leeren und aktualisieren: Falls kürzlich Änderungen vorgenommen wurden, leeren Sie den Browser-Cache oder aktualisieren Sie die Seite auf dem iPhone, um sicherzustellen, dass die neueste Version geladen wird.
Vielen Dank für Ihre Kommentare