Webseitenaufbau

Layout-Varianten: Portal Page und Following Page

Das Layout einer Webseite lässt sich im Insite Editor in der Page Options Komponente unter der Einstellung „Force page type“ ändern. Die relevanten zur Auswahl stehenden Layout-Varianten sind „Following Page“ und „Portal Page“. Mit Hilfe dieser beiden Layout-Varianten kann die Struktur oder das Raster einer Webseite auf unterschiedliche Art und Weise aufgeteilt werden.

Das Following Page Layout untereilt die Webseite in drei Spalten. Eine breite Mittelspalte und zwei schmale Spalten rechts und links der Mittelspalte. Das Seiten-Menu wird in der linken Spalte angezeigt. In der rechten Seitenspalte wird in der Regel die Sidebar Komponente verwendetet, um weitere Inhalte zu platzieren. Die Hauptinhalte werden in der Mittelspalte platziert. Diese Layout-Variante wird am häufigsten genutzt.

Auch diese Webseite nutzt das drei-spaltige Layout. In der rechten Spalte (Sidebar) wurde jedoch kein Inhalt bereitgestellt.

Das Portal Page Layout teilt die Webseite in zwei Spalten. Da das Seiten-Menü bei dieser Layout-Variante nicht angezeigt wird, müssen alternative Menu-Strukturen angelegt werden, um Unter-Webseiten zu navigieren. Diese alternativen Menu-Strukturen können mit Hilfe der Highlight Links Komponente oder der Section-Teaser-Komponente, in Form anklickbarer Kacheln, erzeugt werden.

Das Webseiten-Raster in Roxen

Das Following Page und Portal Page Layout erzeugen verschieden Webseiten-Strukturen. Diese Strukturen basieren auf einem unterliegenden Webseiten-Raster, das die Anordnung der einzelnen Roxen-Komponenten innerhalb der Webseite beeinflusst.

In Roxen existieren zwei Raster-Varianten: Ein drei-spaltiges Raster (Following Page) und ein zwei-spaltiges Raster (Portal Page). Die Anordnung einzelner Komponenten wird von den Raster-Varianten beeinflusst. Werden bespielweise im zwei-spaltigen Portal Page Layout in einer Section Content Komponente zwei Text and Picture Komponenten platziert, so erscheinen diese Komponenten auf der Webseite nebeneinander. Im Following Page Layout hingegen, werden die beiden Text and Picture Komponenten auf der Webseite untereinander angezeigt.  

(Bild)

Sollen die beiden Text and Picture Komponenten im Portal Page Layout untereinander angezeigt werden, so müssen die Komponenten in zwei Section Content Komponenten platziert werden. Mit Hilfe der Section Content Komponente kann auf diese Weise eine Art Zeilenumbruch für andere Komponenten erzielt werden.   

Gliederung der Webseite mit der Section Content Komponente

Die inhaltliche Gliederung einer Webseite kann in Roxen frei umgesetzt werden. Es lässt sich beispielweise eine inhaltliche Gliederung durch die Aneinanderreihung von Text and Picture Komponenten erzielen. Idealerweise trennt man einzelne Abschnitte einer Webseite mit Hilfe der Section Content Komponente. Dieses Vorgehen hat den Vorteil, dass der Inhalt der Webseite über das Seiten-Menu navigierbar ist. Der Titel der Section Content Komponente wird unter dem grünen Trennstrich im Seiten-Menu angezeigt.

(Bild)

Zusätzlich vermeidet diese Form der Webseitenaufteilung das Hoch- und Nebeneinander-Rutschen von Komponenten. Text Komponenten, die im Insite Editor in jeweils zwei Section Content Komponenten untereinander angeordnet werden, behalten auf der Webseite ihre Anordnung bei. In Bezug auf Text and Picture Komponenten ist hiervon das Portal Page Layout betroffen.

(Bild)

Falls sich ein inhaltlich zusammenhängender Abschnitt aus mehreren Section Content Komponenten zusammensetzt kann durch eine leeres Title-Feld das Anzeigen eines Menu-Links verhindert werden.