Warum die Neuanordnung von Spalten auf Mobilgeräten wichtig ist
Standardmäßig werden Spalten in Eine Zeile, die auf dem Desktop horizontal angeordnet ist, wird auf dem Handy normalerweise vertikal gestapelt. Manchmal entspricht die automatische Spaltenreihenfolge jedoch nicht Ihrem gewünschten Layout.
Beispielsweise:
Sie sind Inhaber eines Shopify-Shops. Sie haben ein Desktop-Layout mit einer 2-Spalten-Zeile entworfen:
- Spalte 1 – Das Bild
- Spalte 2 – Expertenmeinung und CTA-Schaltfläche
Auf dem Desktop ist dieses Layout gut lesbar. Auf Mobilgeräten wird der Inhalt jedoch standardmäßig vertikal gestapelt. Hier ist das Problem:
- Das Bild erscheint zuerst, aber die Testimonials erscheinen vor dem CTA-Button. den CTA weiter nach unten auf der Seite verschieben.
- Benutzer verlieren möglicherweise das Interesse, bevor sie den CTA erreichen. Auswirkungen auf die Conversion-Raten.
Beim Wechsel Ihrer Seite vom Desktop auf das Handy hilft die Sicherstellung der richtigen Spaltenreihenfolge dabei, den Lesefluss und die Lesbarkeit aufrechtzuerhalten.
Ein gut organisiertes mobiles Layout verbessert das Benutzererlebnis und erleichtert den Besuchern die Navigation und Interaktion mit Ihren Inhalten.
So können Sie Spalten auf Mobilgeräten in wenigen einfachen Schritten neu anordnen:
So ordnen Sie Spalten auf Mobilgeräten neu an (Schritt für Schritt)
Schritt 1: Öffnen Sie zunächst Ihre Seite im GemPages-EditorNavigieren Sie zu der Zeile, in der sich der Inhalt befindet, den Sie neu anordnen möchten.
Schritt 2: Wählen Sie die mobile Ansicht.
Schritt 3: Klicken Sie auf die Zeile mit den Spalten, die Sie anpassen möchten. Dadurch wird das Einstellungsfenster der Zeile auf der linken Seite des Editors angezeigt.
Schritt 4: Neuanordnung der Spalten das am besten zu Ihrem mobilen Layout passt.
Dies gibt Ihnen die volle Kontrolle darüber, wie der Inhalt in einem vertikalen Stapel angezeigt wird.
Schritt 5: Nachdem Sie die neue Reihenfolge Ihrer Spalten bestätigt haben, klicken Sie auf 'Sparen' und dann 'Veröffentlichen' Ihre Änderungen, um sie live auf Ihrer Site anzuwenden.
Finale Tipps
- Testen Sie Ihr Layout auf mehrere mobile Bildschirmgrößen für beste Ergebnisse.
- Behalten CTAs und Kernbotschaften über dem Falz für bessere Sichtbarkeit.
- Geht davon Zeilen duplizieren für Desktop vs. Mobilgerät, wenn die Layoutlogik zu komplex wird.
Vielen Dank für Ihre Kommentare