Der Elementor-Builder ermöglicht ein separates responsives Debugging für Tablets und Mobiltelefone, um der Erfahrung von Nutzern auf verschiedenen Geräten besser gerecht zu werden.
Zur Seite gehen und mit Elementor visuell bearbeiten
- Zugang zur visuellen Bearbeitung des Elementor-FrontendsKlicken Sie auf die Schaltfläche "Mit Elementor bearbeiten" in der schwarzen Navigationsleiste am oberen Rand, um schnell in den visuellen Bearbeitungsmodus der aktuellen Seite zu gelangen.
- Zum Responsive Modus wechselnSie können in den responsiven Modus wechseln, indem Sie auf das Symbol unten links klicken, wie unten dargestellt.
- Umschalten zwischen Tablet- und Mobile-Browsing-Modus
Nach dem Wechsel zum mobilen Browsing klicken Sie auf das entsprechende Modul, um die Größe der Textformatierung im Modul, die Größe der Ränder usw. zu ändern.
1. die Textgröße auf Mobiltelefonen zu ändern
Ändern Sie die Textgröße im Modul unter der Spalte Stil Typografie (Schriftart), ändern Sie den Wert Größe, um die Textgröße zu ändern.
2. die Breite der Spalten des Mobiltelefons ändern
Klicken Sie auf das Symbol in der oberen linken Ecke (wie unten gezeigt), ändern Sie den Spaltenabstand unter der Spalte Layout, um die Breite und Größe der Spalten, das Verhältnis usw. zu ändern.
3. die inneren und äußeren Abstände von Mobiltelefonen zu ändern
In der Spalte "Erweitert" können Sie die Ränder ändern, wie in der Abbildung unten gezeigt. Rand ist der äußere Rand, Auffüllung ist der innere Rand, normalerweise müssen Mobiltelefone den Wert von Auffüllung ändern, damit die Anzeige kompakter ist.
4. die Änderung der Methodik der Produktspalte
Hier ist die Änderung des Produktaufruf-Moduls (woo-Products-Modul), klicken Sie auf das Modul, um es zu bearbeiten.Inhaltunter demSäuleEs handelt sich um die Anzahl der Spalten in der Produktanzeige, und es ist sinnvoller, sie für mobile Geräte auf 2 zu ändern.
Ändern Sie die Größe des Produkttitels auf der mobilen Seite:Streik (auf der Tastatur)Stil Spalte unter Inhalt, Titel unter Typografie finden, kann die Größe des Titels ändern
5. die Anzeige der mobilen Seite ausblenden
Klicken Sie in Modul bearbeiten im Abschnitt Erweitert, Responsive auf Auf Mobilgeräten ausblenden, um das Modul auf Mobilgeräten auszublenden.
6. speichern von Änderungen
Wie unten gezeigt, klicken Sie auf die linke untere Ecke des Fenstersveröffentlichen.Sie können die Änderungen speichern
7. schnell zum Front- und Backoffice zurückkehren
Klicken Sie auf die folgenden Icons für eine schnelle Rückkehr
Zusammenfassung:
Durch den Zugriff auf den visuellen Bearbeitungsmodus des Elementor-Frontends können Sie in den responsiven Modus wechseln und die Textgröße, die Spaltenbreite, den inneren und äußeren Abstand sowie die Anzahl der Produktspalten für Tablet und Mobile anpassen. Darüber hinaus können bestimmte Module nach Bedarf ausgeblendet werden, um die beste Erfahrung für Benutzer auf verschiedenen Geräten zu gewährleisten. Der Artikel enthält spezifische Schritte und Anleitungen, die Ihnen helfen, die On-Page-Optimierung mit Leichtigkeit durchzuführen.