Der Anordnungs-Inspektor

 

Der Anordnungs-Inspektor, das Anordnungsmenü und die Formatleiste sind Ihre Werkzeuge, um die Ebenen von Elementen zu verwalten.

Elemente werden in der Reihenfolge angezeigt, in der sie dem Projekt hinzugefügt wurden. Diese Reihenfolge spielt keine Rolle, wenn die Elemente nicht überlappen. Sobald jedoch eine Überlappung auftritt, müssen Sie die Platzierung steuern..

Die Schaltfläche "Nach hinten" bewegt das Element hinter alle anderen, während "Nach vorne" es nach vorne bringt. "Nach hinten verschieben" bewegt das Element einen Schritt in der Ebenenreihenfolge zurück (tauscht seine Position mit dem folgenden Element), während "Nach vorne verschieben" das Element einen Schritt nach vorne bewegt (tauscht seine Position mit dem vorherigen Element).

Der Ebenenname wird im Ebenenpanel angezeigt, was Ihnen hilft, Elemente auszuwählen und das Seitenlayout zu verstehen. Es wird dringend empfohlen, Ihren Elementen sinnvolle Namen zu geben, um sie im Ebenenpanel leichter identifizieren zu können.

Die Einstellung "Ganze Seitenbreite" kann für Boxen, Galerien, Karten, Videos und eingebettete Elemente verwendet werden, um diese über die Seitenränder hinaus für einen Vollbild-Effekt zu erweitern.

Die Einstellung "Sperren" verhindert, dass ein Element auf der Leinwand bewegt wird, und entfernt es in vielen Fällen aus Mehrfachauswahlen.

Die Einstellung "Auf diesem Gerät anzeigen" schaltet die Sichtbarkeit des Elements auf dem aktuellen Gerät um, was nützlich ist, wenn mehrere Geräte eingerichtet werden.

Elemente können durch die Angabe der gewünschten Breite und Höhe im Anordnungs-Inspektor oder durch Ziehen der Griffe an den Kanten, Seiten oder Ecken des Elements in der Größe verändert werden. Wenn Sie die Umschalttaste gedrückt halten, während Sie ziehen, bleibt das Seitenverhältnis des Elements erhalten.

Elemente können durch die Angabe der gewünschten horizontalen und vertikalen Position im Anordnungs-Inspektor oder durch direktes Ziehen verschoben werden. Wenn Sie die Umschalttaste gedrückt halten, während Sie ziehen, wird die Bewegung auf horizontale, vertikale oder diagonale Achsen beschränkt.

Die meisten Elemente können über eine Rotationsoption im Anordnungs-Inspektor gedreht werden..

Textumbruch

Nach dem Hinzufügen eines Bildes auf der Leinwand können Sie Textumbruchoptionen festlegen, um zu steuern, wie der Text um das Bild fließt. Diese Funktion ist nicht nur auf Bilder beschränkt; sie funktioniert mit jedem Element auf der Leinwand. Standardmäßig ist der Textumbruch deaktiviert, sodass der Text das Element überlappt oder unterhalb davon endet.

Die Option „Oben und unten“ hält den Text über und unter dem Element. Wenn diese Option deaktiviert wird, kann der Text um das Element herumfließen.

Die Option „Rechteck“ sorgt dafür, dass der Text um den Rahmen fließt, der das Element auf der Leinwand enthält.

Die Option „Kontur“: Wenn Sie ein Bild mit transparentem Hintergrund haben, bewirkt das Aktivieren dieser Option, dass der Text um das Bild herum fließt. Bildtransparenz hat oft mehrere Stufen, die in Sitely als Bereich von 0 bis 1 dargestellt werden. Sie können steuern, wie weit der Text sich mit einem Transparenzgradienten überlappt, indem Sie den Alpha-Schieberegler verwenden.

Der Textumbruch berücksichtigt auch die Rotation von Elementen sowie die Abrundung von Ecken bei Bildern oder Boxen, sodass kreative Textlayouts auch ohne transparente Bilder möglich sind.

Für ein visuell ansprechendes Layout sollte der Text eng um das Element angeordnet sein. Beispielsweise funktioniert linksbündiger Text am besten mit einem Bild auf der linken Seite, und rechtsbündiger Text funktioniert am besten mit einem Bild auf der rechten Seite.

Sichtbarkeit

Die Sichtbarkeitseinstellung von Sitely stellt sicher, dass gemeinsame Seitenelemente auf der gesamten Website für visuelle Konsistenz einheitlich angezeigt werden. Sie können das Seitenheader, Navigationselement oder Footer durchgängig auf allen Seiten der Website oder nur in einem bestimmten Abschnitt anzeigen.

Wenn ein Element auf mehreren Seiten sichtbar ist, bleibt es auf allen Seiten vollständig bearbeitbar. Es ist eine nützliche Technik, Elemente zu gruppieren und die Gruppe auf mehreren Seiten sichtbar zu machen.

Die mehrseitige Sichtbarkeit gilt für alle Eigenschaften, einschließlich der Position. Die Einstellung „Dem Footer folgen“ ist besonders nützlich, da sie ein Element am unteren Rand der Seite verankert, um auf Seiten mit unterschiedlichen Höhen einen gemeinsamen Footer zu haben.

Die Einstellung „Mit Seitenende verschieben“ bewirkt, dass sich Elemente zusammen mit dem unteren Rand der Seite bewegen, wodurch ihre Position auf Seiten mit unterschiedlichen Höhen angepasst wird.

Erweiterte Code-Integration

Wenn Sie die entsprechende Option in den "Sonstigen Site-Einstellungen" aktiviert haben, finden Sie einen zusätzlichen Abschnitt am unteren Rand des Anordnungs-Inspektors. Dieser ermöglicht es Ihnen, dem Element ein HTML-ID-Attribut zuzuweisen, was nützlich ist, um Elemente über den Google Tag Manager oder durch Code-Integration via JavaScript anzusprechen.