Elementor behält Elemente in ihren Spalten, was genau richtig ist, bis das Design etwas anderes erfordert: ein Abzeichen, das halb auf dem Foto und halb davon sitzt, oder ein Etikett, das am Schnittrand vorbeigeschoben wird Die Positionierung Erweiterung in Master-Addons für Elementor Fügt jedem Element echte Offset-Steuerelemente hinzu, sodass Sie pro Gerät alles aus dem Panel mit Pixelwerten anstoßen oder vollständig neu positionieren können.
Was die Positionierungsverlängerung bewirkt #
Sobald aktiviert, erhält jedes Element eine Positionierung Abschnitt unter seiner Fortgeschritten Tab. Wählen Sie einen Positionstyp und das Element mit versetzten Schiebern verschieben:
- Positionstyp: Standardmäßig bleibt der normale Fluss erhalten, das Relativ versetzt das Element von seinem eigenen Punkt aus und die absolute Option pinnt es an seinen übergeordneten Punkt.
- Oben / Rechts / Unten / Links: Pixelversätze in jede Richtung, einschließlich negativer Werte zum Überschreiten von Kanten.
- Von Zentrum: Ein horizontaler Versatz, gemessen von der Mittellinie des Elements.
- Z-Index: Entscheidet, welches Element gewinnt, wenn sich die Dinge überschneiden.
Jedes Steuerelement trägt das responsive Symbol, sodass Desktop, Tablet und Mobilgerät jeweils ihre eigenen Werte behalten. Das Panel fügt eine sinnvolle Warnung hinzu: Vermeiden Sie die gleichzeitige Kombination von From Center und Left.
Bevor Sie beginnen #
- WordPress Mit Elementor Installiert und aktiv.
- Master-Addons für Elementor Installiert und aktiv Neu im Plugin? folgen Sie dem Installationsführung Zuerst.
- Positionierung ist eine kostenlose Erweiterung, daher ist keine Pro-Lizenz erforderlich.
So aktivieren Sie die Positionierungserweiterung #
Gehen Sie von Ihrem WordPress-Dashboard aus zu Master Addons Und öffnen Sie die Erweiterungen Tab. Positionierung sitzt in der Widgets anzeigen Gruppe, neben Gitterlinie und Container Extras. Klicken Sie auf den Knebel, damit er lila wird, und schlagen Sie dann Änderungen speichern und warten auf den grünen Hinweis “Einstellungen erfolgreich gespeichert”.
Öffnen Sie das Positionierungsfeld #
Wählen Sie das Element im Elementor-Editor, das runde Qualitätsabzeichen in der Demo, und öffnen Sie das Fortgeschritten Tab. Erweitern Sie die Positionierung Abschnitt mit dem lila MA-Abzeichen und -Set Positionstyp zu Relativ. Die Offset-Steuerelemente erscheinen: Oben, Rechts, Unten, Links, Von Mitte und Z-Index darunter.
Ziehen Sie einen beliebigen Schieberegler und das Element bewegt sich live auf der Leinwand. Ein negativer Top von -143 in der Demo hebt das Abzeichen von der Mitte des Fotos in Richtung seines oberen Randes; positive Werte drücken in die andere Richtung.
Verschieben Sie das Element an seinen Platz #
Die Demo führt das Abzeichen mit ein paar Werten um das Foto herum: Top 357 Lässt es in die untere Hälfte fallen Rechts -262 Schiebt es nach außen, und a Unten Wert verfeinert die Überlappung, bis das Abzeichen den unteren Rand des Fotos überspannt. Jeder Schieberegler nimmt auch eingegebene Werte auf, sodass Sie den genauen Abstand eines Modells anpassen können.
Da die Offsets optisch sind, behält das Element seinen Slot im Layout und der Inhalt drumherum bleibt liegen, wenn zwei Elemente gestapelt werden, setzt das Z-Index-Feld fest, wer oben sitzt.
Das Ergebnis auf der Seite #
Veröffentlichen und das Abzeichen gibt genau dort wieder, wo es geparkt wurde: Überlappung der unteren Kante des Fotos, Aufbrechen des Rechtecks, ohne die darunter liegende Säulenstruktur zu berühren.
Überprüfen Sie Tablet und Mobil, bevor Sie fertig sind Offsets, die auf dem Desktop genau aussehen, können ein Element auf einem schmalen Ansichtsport aus dem Bildschirm schieben, genau deshalb ist hier jedes Steuerelement responsive.
Wo sich eine präzise Positionierung auszahlt #
- Abzeichen und Stempel. Ein Siegel, das eine Fotoecke überlappt, liest sich wie entworfen, nicht platziert.
- Überlappende Karten. Ziehen Sie eine Testimonial- oder Stat-Karte an den Rand des Bildes daneben.
- Abschnittsbrechende Akzente. Formen oder Etiketten, die Grenzen überschreiten.
- Feinausrichtungsfixierungen. Stupsen Sie ein Element ein paar Pixel an, ohne es in Margin Hacks zu wickeln.
- Schichtheldkompositionen. Stapeln Sie Text über Bilder, wobei Z-Index die Reihenfolge bestimmt.
Video-Tutorial #
Sehen Sie, wie sich das Abzeichen in Echtzeit im Layout bewegt, von der Aktivierung der Erweiterung bis zur veröffentlichten Seite.
Häufig gestellte Fragen #
Wie bewege ich ein Element frei in Elementor?
Aktivieren Sie die Erweiterung Positionierung in der Registerkarte Master-Addons-Erweiterungen, wählen Sie das Element aus und öffnen Sie Positionierung unter der Registerkarte Erweitert Stellen Sie Positionstyp auf Relativ ein und verwenden Sie die Schieberegler oben, rechts, unten und links; das Element bewegt sich live auf der Leinwand, während Sie ziehen.
Kann ich negative Offsetwerte verwenden?
Ja. Negative Werte schieben das Element über seine normale Grenze hinaus, so überlappen Sie ein Abzeichen auf eine Fotokante oder ziehen ein Element außerhalb seines Abschnitts Geben Sie den Wert ein oder ziehen Sie den Schieberegler in beide Richtungen.
Was macht die Z-Index-Einstellung?
Z-Index steuert die Stapelreihenfolge, wenn sich Elemente überlappen Das Element mit der höheren Anzahl rendert oben drauf Stellen Sie es in dasselbe Positionierungspanel ein, wann immer ein neu positioniertes Element über oder unter seinen Nachbarn sitzen muss.
Funktionieren die Offsets auch mobil?
Jede Offset-Steuerung ist responsive, sodass Desktop, Tablet und Mobiltelefon getrennte Werte beibehalten. Sehen Sie sich nach der Positionierung immer eine Vorschau der schmalen Ansichtsfenster an: Ein Offset, der auf einen breiten Bildschirm passt, kann das Element auf einem Telefon vom Bildschirm verschieben, und die Werte pro Gerät entsprechen der Art und Weise, wie Sie es korrigieren.
Ist die Positioning-Erweiterung kostenlos?
Ja. Positionierung von Schiffen mit der kostenlosen Version von Master Addons for Elementor, in der Gruppe Display Widgets des Reiters Erweiterungen Die Preisseite behandelt, was die Pro-Pläne hinzufügen.
Einwickelnd #
Die Positionierungsverlängerung befreit Elementorelemente von ihren Gitterschlitzen: Wählen Sie Relativ, ziehen Sie vier versetzte Schieberegler und parken Sie alles genau dort, wo das Design es möchte, wobei Z-Index- und Gerätewerte die Randgehäuse verarbeiten. Es funktioniert gut neben dem Transformiert Erweiterung Wenn ein Element eine Drehung oder Skalierung über einer neuen Position und dem Rest der Position benötigt Master Addons Widgets und Erweiterungen Seite entfernt sind.
