Positionierung
Fühlen Sie sich gefangen durch den Container, die Spalten - und Abschnittsstruktur von Elementor? die Positionierungserweiterung ist Ihr Schlüssel zu echter Layoutfreiheit Nehmen Sie jedes Widget, jeden Container oder jede Spalte und platzieren Sie es genau dort, wo Sie wollen auf der Seite (überlappende andere Elemente, das Festhalten an Ecken, oder frei schweben wählen Sie zwischen relativer, absoluter oder fester Positionierung und verwenden Sie pixel-perfekte Bedienelemente für oben, rechts, unten und links Es ist das ultimative Werkzeug, um einzigartige, geschichtete Designs, individuelle Symbole, Abzeichen oder dekorative Elemente zu erstellen, die nicht in ein Standardraster passen.
Mehrere Positionierungsmodi
Positionierung ist nicht gleich Positionierung Wählen Sie den Modus, der Ihrem kreativen Ziel entspricht Verwenden Sie Relativ, um ein Element von seinem normalen Punkt zu stoßen, ohne andere zu beeinflussen Verwenden Sie Absolute, um es an einer exakten Koordinate innerhalb seines übergeordneten Containers zu platzieren Brauchen Sie etwas, um auf dem Bildschirm zu bleiben? Eine feste Positionierung sperrt es an den Ansichtsport, perfekt für benutzerdefinierte schwebende Tasten oder Warnungen.
- Relative Positionierung: Perfekt zum Feinabstimmen der Ausrichtung, z. B. zum Verschieben eines Symbols um ein paar Pixel nach links.
- Absolute Positionierung: Die Anlaufstelle für die Platzierung dekorativer Elemente, Abzeichen oder individueller Formen überall innerhalb eines Abschnitts.
- Fixed Positioning: Erstellen Sie klebrige Elemente wie ein benutzerdefiniertes Support-Chat-Symbol oder eine Werbeleiste, die dem Benutzer die Seite entlang folgt.
Pixelperfekte Koordinatensteuerungen
Vergessen Sie das Ziehen und Raten. Legen Sie mit den Zahlenfeldern „Oben, Rechts, Unten, Links“die Position eines Elements auf das Pixel fest. Platzieren Sie ein „NEUES” Abzeichen 10 x von oben und 15 x von rechts auf einer Produktkarte. Oder verwenden Sie die Option „Von der Mitte”, um ein Element basierend auf der Mitte seines übergeordneten Elements zu positionieren, was für perfekt zentrierte Überlappungseffekte unglaublich nützlich ist.
- Vierseitige Steuerung: Legen Sie Abstände von allen vier Kanten des übergeordneten Containers für die Gesamtsteuerung fest.
- Center-Based Positioning: Mit “From Center” lassen sich leicht kreisförmige Designs oder Elemente erstellen, die von einem zentralen Punkt ausgehen.
- Smart Guidance: Die Oberfläche warnt Sie vor widersprüchlichen Einstellungen (wie die gemeinsame Verwendung von “Links” und “Von Mitte”), um Fehler zu verhindern.
Häufig gestellte Fragen zur Positionierung
Was ist der Unterschied zwischen "Absolute" und "Fixed" Positionierung?
Absolut positioniert das Element relativ zu seinem nächstgelegenen positionierten übergeordneten Container (wie ein Abschnitt).Wenn Sie scrollen, bewegt sich das Element mit diesem Abschnitt. Fixed positioniert das Element relativ zum Browserfenster (dem Ansichtsport).Es bleibt auch beim Scrollen an genau derselben Stelle auf dem Bildschirm. Fixed für Elemente verwenden, die Sie immer sichtbar haben möchten.
Wenn ich Absolute Positionierung verwende, zu was ist es "relativ" positioniert?
Es ist relativ zum nächsten übergeordneten Element positioniert, das eine Position hat, die auf etwas anderes als statisch eingestellt ist (was die Standardeinstellung ist).In Elementor wird es normalerweise relativ zu den Grenzen dieser Spalte positioniert, wenn Sie Absolute Positionierung auf ein Widget innerhalb einer Spalte anwenden. Für mehr Kontrolle stellen Sie möglicherweise den übergeordneten Container auf Position: relativ zuerst ein.
Funktioniert das auf Mobilgeräten und Tablets richtig?
Ja, aber Sie müssen Ihre responsiven Ansichten überprüfen Ein Element, das 100 px von links auf dem Desktop platziert ist, könnte auf dem Mobilgerät aus dem Off-Screen sein Verwenden Sie immer den responsiven Bearbeitungsmodus von Elementor (Desktop/Tablet/Mobile-Symbole), um die Positionswerte (Top, Left usw) für jedes Gerät anzupassen Für Mobilgeräte benötigen Sie möglicherweise völlig andere Positionen.
Kann ich damit einen einzigartig geformten Ausschnitt machen oder aus einem Behälter ausbrechen?
Ja, das ist ein mächtiger Anwendungsfall, indem man einen Ausschnitt auf Position: relativ setzt und dann ein absolut positioniertes Bild oder eine Form mit negativen Werten (wie Links: -50 px) darin platziert, kann man Elemente optisch aus ihrer Containerbox “ausbrechen” lassen, wodurch dynamische, nicht rechteckige Layoutkanten entstehen, die sehr modern sind.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
