Gruppen | Sitely-Dokumentation

Sitely ermöglicht die Erstellung von Gruppen von Elementen auf der Leinwand. Dies erleichtert nicht nur das Neuanordnen von Elementen auf der Seite, sondern hilft auch dabei, Ihre Ebenenstruktur gut zu organisieren und zu dokumentieren.

Gruppen werden im Wesentlichen erstellt, wenn zwei oder mehr Elemente zu einem einzigen Element zusammengeführt werden. Das folgende Navigationselement ist beispielsweise eine Gruppe von Elementen, die aus zwei breiten Feldern für den Hintergrund, einem Menü für die eigentliche Navigation, einer Telefonnummer, einem Symbol und einem Logo besteht. Wenn alle Elemente gruppiert sind, wird die gesamte Navigationsleiste zu einem einzigen Element, das an einer beliebigen Stelle auf der Leinwand platziert werden kann.

Im Ebenen-Bedienfeld sehen Sie, dass die Gruppe einen Namen erhalten hat – in diesem Beispiel „Navigationsleiste“ – und dass alle einzelnen Elemente unter der Gruppenüberschrift angeordnet wurden. Wenn die Gruppe ausgeblendet ist, sehen wir nur den Gruppennamen „Navigationsleiste“, sodass sie leicht zu finden und auszuwählen ist.

Um die Gruppe zu erstellen, wählen Sie einfach alle Elemente aus, die in die Gruppe aufgenommen werden sollen. Sie können dies tun, indem Sie auf die Elemente klicken und sie ziehen, bis sie alle ausgewählt sind, oder indem Sie die Umschalttaste oder die Befehlstaste drücken, um jedes Element nacheinander auszuwählen. Sobald die Elemente ausgewählt sind, klicken Sie mit der rechten Maustaste und wählen Sie im Kontextmenü die Option „Gruppieren“ aus.

Alternativ können Sie im Menü „Anordnen“ von Sitely die Option „Gruppieren“ auswählen. Sie können die Gruppierung von Elementen aufheben, indem Sie die Gruppe auswählen und die Option zum Aufheben der Gruppierung entweder im Kontextmenü oder im Menü „Anordnen“ auswählen. Auch wenn Elemente gruppiert wurden, können Sie sie weiterhin einzeln zur Bearbeitung auswählen. Sie können sie im Ebenen-Bedienfeld auswählen oder einmal auf die Gruppe klicken, um die gesamte Gruppe auszuwählen, und dann erneut klicken, um ein einzelnes Element innerhalb der Gruppe auszuwählen.

Sobald eine Gruppe erstellt wurde, können Sie benutzerdefinierte Bildlaufeffekte anwenden. Diese werden im Stil-Panel angezeigt, wenn eine Gruppe von Elementen auf der Leinwand ausgewählt wird.

Die Option „Am Seitenanfang bleiben“ sorgt dafür, dass die Gruppe immer am oberen Seitenrand bleibt und somit immer sichtbar ist. Dies wird am häufigsten für Navigationsleisten verwendet, wie die oben abgebildete. Alle anderen Seiteninhalte werden hinter der Navigationsleiste angezeigt. HINWEIS: Es ist wichtig sicherzustellen, dass eine solche Navigationsleistengruppe das oberste Element im Ebenenbereich ist, damit dies korrekt funktioniert. Wenn sie nicht die oberste Ebene ist, wird der Seiteninhalt ÜBER die Leiste gescrollt.

Wenn Sie mehrere Gruppen haben, kann jede Gruppe ihre eigene benutzerdefinierte Bildlauffunktion haben. Wenn die nächste Gruppe auf Ihrer Seite beispielsweise ein Hero-Abschnitt wäre, könnten Sie diesen auf „Stapeln“ einstellen. Wenn diese Option ausgewählt ist, würde der Hero die Navigationsleiste erreichen und anhalten, sodass der Rest der Seite dahinter gescrollt werden kann. Wenn die Option auf „Überlappen“ eingestellt wäre, würde der Hero-Bereich die Navigationsleiste überlappen, bevor er oben auf der Seite verbleibt. Wenn die Option auf „Der Letzte schiebt den Vorherigen“ eingestellt wäre, würde jede Gruppe die vorherige vom oberen Seitenrand schieben.

Gruppen können auch mit „On-Click“-Aktionen versehen werden, als wären sie einzelne Elemente. Animierte Bildlaufeffekte können auch auf ganze Gruppen angewendet werden.