Was ist der Navigator in Elementor

Effektives Design mit Elementor: Schritt-für-Schritt Anleitung zur Nutzung des Navigators

In der Elementor Version 2.2, wurde eine äußerst nützliche Designfunktion «Navigator» eingeführt, die speziell darauf ausgerichtet ist, die Gestaltung Ihrer Seiten noch effektiver zu gestalten.

Der Elementor Navigator ist weit mehr als nur ein Navigationsbaumfenster – er ist Ihr Schlüssel zu einer nahtlosen und effizienten Bearbeitungserfahrung. Mit einem einzigen Klick erhalten Sie direkten Zugriff auf jedes Element in Ihrem Editor, was die Navigation und Bearbeitung Ihrer Seite auf ein neues Level hebt. Die Anwendung dieses Features ermöglicht es Benutzern, Elemente nicht nur schnell, sondern auch auf äußerst unkomplizierte Weise über die gesamte Seite zu ziehen und zu bearbeiten.

Egal, ob Sie komplexe Designs mit mehreren Schichten erstellen oder Elemente mit verschiedenen Stileigenschaften kombinieren, der Elementor Navigator vereinfacht den Prozess erheblich. Durch das verwenden der Funktion Elementor Navigator wird das Hantieren mit Z-Index, Minus-Rand, absoluter Positionierung und ähnlichen Eigenschaften zu einer mühelosen Aufgabe. So haben Sie stets die volle Kontrolle über selbst die komplexesten Designelemente.

Wie greife ich auf den Elementor Navigator zu?

Sie können auf den Navigator auf drei einfache Arten zugreifen:

1. Klicken Sie mit der rechten Maustaste auf ein beliebiges Element und wählen Sie anschließend «Navigator». Dadurch werden Sie automatisch zum entsprechenden Element im Navigationsbaum weitergeleitet.
2. Klicken Sie in der Fußzeile des Panels auf die Schaltfläche «Elemente».
3. Verwenden Sie die Tastenkombination Cmd/Strg + I.

Wählen Sie ein Element zum Bearbeiten aus

Ein einfacher Klick auf ein beliebiges Element führt Sie direkt zum Bearbeitungsfenster.

Mit dem Elementor Navigator Elemente neu anordnen

Ziehen Sie ein Element nach oben oder unten und platzieren Sie es vor oder hinter einem anderen Element.

Rechtsklick-Optionen

Mit einem Rechtsklick auf ein Element stehen Ihnen alle normalen Optionen des Kontextmenüs zur Verfügung, wie Bearbeiten, Duplizieren, Kopieren, Einfügen usw.

Mit dem Navigator Elemente ein-/ausblenden

Durch Klicken auf die «Ansicht»-Schaltfläche des Elements können Sie es ein- oder ausblenden, um sich besser auf das Design zu konzentrieren. Beachten Sie, dass dies keine Auswirkungen auf das Frontend Ihrer Website hat.

Elementor Navigator Namenselemente

Durch Doppelklicken auf den Elementnamen, wird der Bereich blau hervorgehoben, was anzeigt, dass Sie sich im Einfüge-/Bearbeitungsmodus befinden. Geben Sie einen benutzerdefinierten Namen ein, um das Element später leichter identifizieren zu können.

Reduzieren/Erweitern eines Elements mit dem Navigator

Klicken Sie auf die Pfeilschaltfläche eines einzelnen Elements, um es zu erweitern oder zu reduzieren.

Alle Elemente ein-/ausblenden

Klicken Sie oben links im Navigatorfenster auf die Schaltfläche mit dem Aufwärts- oder Abwärtspfeil, um alle Elemente gleichzeitig zu erweitern oder zu reduzieren.

Positionsnavigator-Panel

Float (schweben): Ziehen Sie das Navigator-Bedienfeld an eine beliebige Stelle auf der Seite.

Dock: Befestigen Sie das Navigator-Bedienfeld an der Seite des Bildschirms, indem Sie es innerhalb der vertikalen blauen Ablagezone ablegen. Diese erscheint, wenn das Bedienfeld in die Nähe der rechten Seite des Bildschirms gezogen wird.

Jetzt haben Sie gelernt, wie Sie den Elementor Navigator effektiv nutzen können, um die Gestaltung Ihrer Seiten zu optimieren und Unordnung zu beseitigen.

Entdecken Sie die grenzenlosen Möglichkeiten, die Elementor und WordPress bieten. Bei Fragen oder Unterstützungsbedarf sind wir hier, um Ihnen zu helfen!