Benutzerdefinierte Elementor-Breakpoints: Fügen Sie weitere Gerätegrößen hinzu (kostenloses Plugin)
Custom Breakpoints for Elementor ist ein kostenloses Plugin des Master Addons Teams, das dem Responsive Mode von Elementor eigene Gerätegrößen hinzufügt Elementor stoppt bei sieben Geräteansichten Dieses Plugin fügt zusätzlich zu diesen Haltepunkte hinzu, wie ein 600 px kleines Telefon oder ein 1440 px Desktop, jeder mit eigenem Namen und Pixelbreite, die kostenlose Version beinhaltet 3 benutzerdefinierte Haltepunkte, und Master Addons Pro macht sie unbegrenzt Es funktioniert mit oder ohne installierte Master Addons.
So fügen Sie einen benutzerdefinierten Haltepunkt in Elementor hinzu
Überprüfen Sie zunächst die eigenen Extra-Ansichten von Elementor in Site-Einstellungen > Layout > Haltepunkte Wenn keiner von ihnen passt, fügen Sie Ihre eigenen hinzu:
- Installieren Benutzerdefinierte Haltepunkte für Elementor von Plugins > Neu hinzufügen und aktivieren.
- Öffnen Sie Haltepunkte in Ihrem Dashboard-Menü Wenn Master Addons aktiv ist, befindet es sich unter dem Master Addons-Menü.
- Gerät hinzufügen, einen Namen geben und seine maximale Breite in Pixel eingeben, zum Beispiel 600 für kleine Telefone.
- Speichern. Das Plugin sortiert die Liste und passt die benachbarten Bereiche an.
- Bearbeiten Sie eine Seite mit Elementor, wählen Sie die neue Ansicht im Responsive-Modus und gestalten Sie Ihre Elemente dafür.
Sehen Sie, wie es in der funktioniert Live Haltepunkte Demooder lesen Sie unseren Leitfaden dazu Benutzerdefinierte Haltepunkte für Elementor Für weitere Beispiele.
Benutzerdefinierte Gerätegrößen mit eigenen Namen
Benennen Sie das Gerät und geben Sie seine maximale Breite in Pixel ein Das Plugin sortiert jeden Haltepunkt nach Breite und arbeitet die Bereiche für Sie aus, so deckt eine 600 px Small Mobile Ansicht Bildschirme bis zu 600 px ab und die nächste Ansicht beginnt bei 601 px. Gespeicherte Haltepunkte erscheinen in der responsiven Symbolleiste von Elementor neben den eingebauten Ansichten.
- 3 benutzerdefinierte Haltepunkte kostenlos, unbegrenzt mit Master Addons Pro.
- Haltepunkte sortieren automatisch nach Breite, sodass sich Bereiche nie überschneiden.
- Eine Reset-Taste, um zu den Standardeinstellungen von Elementor zurückzukehren, sowie Import und Export mit Pro.
Funktioniert im Reaktionsmodus von Elementor
Benutzerdefinierte Haltepunkte verhalten sich wie Elementors eigene Wählen Sie die neue Ansicht in der responsiven Symbolleiste aus, legen Sie dann Schriftgrößen, Auffüllungen, Spaltenbreiten und andere responsive Werte fest, die nur innerhalb dieses Bereichs gelten. Das Plugin wird in das Haltepunktsystem von Elementor eingebunden, sodass die zusätzlichen Ansichten auf responsiven Steuerelementen in Elementor- und Master-Addons-Widgets angezeigt werden.
- Wählen Sie benutzerdefinierte Ansichten aus derselben Symbolleiste wie Mobil und Tablet.
- Stellen Sie Typografie, Abstände und Layoutwerte für jede Ansicht ein.
- Legen Sie Layouts fest, die zwischen zwei der integrierten Breiten von Elementor liegen.
Integrierte Haltepunkte des Elementors im Vergleich zu benutzerdefinierten Haltepunkten
Elementorfrei und Pro teilen sich die gleichen sieben Geräteansichten: Mobiles Porträt (767 px), Mobile Landschaft (880 px), Tablet-Porträt (1024 px), Tablet-Landschaft (1200 px), Laptop (1366 px), Desktop und Breitbild (2400 px und mehr).Jede Breite ist bearbeitbar, aber Sie können keine achte Ansicht hinzufügen.
| Elementor-bruchpunkte | Benutzerdefiniertes Breakpoints-Plugin | |
|---|---|---|
| Preis | Kostenlos | Kostenlos, unbegrenzt mit Master Addons Pro |
| Geräteansichten | Bis zu 7 | Elementors 7 plus 3 benutzerdefiniert (kostenlos) oder unbegrenzt (Pro) |
| Namen | Festgelegt | Ihr eigenes |
| Breiten | Bearbeitbar | Bearbeitbar |
| Import und Export | Nein | Mit Pro |
Wie Sie jedes Gerät stylen, sobald Ihre Haltepunkte festgelegt sind, lesen Sie in unserem Leitfaden Responsive Design mit Elementor-Breakpoints. Um ganze Abschnitte nach Gerät anzuzeigen oder auszublenden, verwenden Sie Anzeigebedingungen (Pro).
Häufig gestellte Fragen für benutzerdefinierte Haltepunkte
Was ist ein Beispiel aus der Praxis für die Notwendigkeit eines benutzerdefinierten Haltepunkts?
Text und Tasten, die bei 767 px gut aussehen, können sich auf einem 360 px-Telefon eng anfühlen Fügen Sie einen kleinen mobilen Haltepunkt bei 400 px hinzu und erhöhen Sie dann die Schriftgröße und das Tastenpolster nur für diese Bildschirme. Alles, was breiter ist, behält die regulären mobilen Stile bei.
Wird das Hinzufügen vieler Haltepunkte den Elementor-Editor langsamer machen?
Ein paar zusätzliche Haltepunkte werden keinen spürbaren Unterschied machen Jeder fügt jedem Steuerelement einen weiteren responsiven Wert hinzu, so dass zehn oder mehr den Editor schwerer fühlen lassen können Fügen Sie nur die Ansichten hinzu, die Sie tatsächlich stylen werden Fünf oder sechs insgesamt, Standardeinstellungen enthalten, reicht für die meisten Seiten.
Beeinflussen diese benutzerdefinierten Haltepunkte das CSS und die Leistung meiner Live-Website?
Jeder Haltepunkt fügt den von Elementor generierten Stylesheets CSS-Medienabfragen hinzu. Das ist eine kleine Menge CSS, sodass Besucher keinen Unterschied in der Ladezeit bemerken.
Kann ich einen Haltepunkt für "Mobile Landschaft" vs "Mobiles Porträt" setzen?
Möglicherweise benötigen Sie keine benutzerdefinierte Elementor hat bereits Mobile Landscape (880 px) und Tablet Landscape (1200 px) Ansichten, die Sie in Site-Einstellungen > Layout > Haltepunkte einschalten können Fügen Sie einen benutzerdefinierten Haltepunkt hinzu, wenn Sie eine Breite benötigen, die diese Ansichten nicht abdecken.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
