Ändern des Website-Layouts¶
Das Layout Ihrer Website kann folgende Elemente enthalten:
- Header. Dies ist der ganz oben liegende Bereich, in dem für gewöhnlich ein Banner-Bild und ein Firmenlogo platziert sind. Für den Header sind folgende Aktionen möglich:
- Das Banner-Bild und das Logo aus dem Header-Bereich an eine beliebige Stelle auf der Seite verschieben
- Die Höhe des Headers durch Entfernen aller enthaltenen Elemente auf 25 Pixel reduzieren
- Die Breite des Headers von der Standardgröße auf bis zu 100 Prozent ändern, sodass er die gesamte Breite der Seite füllt
- Content-Bereich. Dies ist der Hauptbereich einer Webseite, in dem der Großteil des Contents platziert wird. Für den Content-Bereich können Sie folgende Aktionen durchführen:
- Höhe des Content-Bereichs anpassen
- Content-Bereich in mehrere Spalten unterteilen. Ziehen Sie dazu neue Module an den linken oder rechten Rand des Content-Bereichs.
- Die Position der Spalten im Content-Bereich ändern, indem Sie den Content nach links oder rechts verschieben
- Seitenleisten. Dies sind senkrechte Spalten an den Seiten, in denen alle Arten von Modulen platziert werden können, sowohl websiteweite als auch seitenspezifische. Für die Seitenleisten haben Sie folgende Aktionsmöglichkeiten:
- Eine Seitenleiste hinzufügen und sie links oder rechts vom Content-Bereich platzieren
- Zwei Seitenleisten hinzufügen. Sie werden links und rechts vom Content-Bereich platziert.
- Höhe und Breite der Seitenleisten einstellen
- Die Seitenleisten an den oberen Bereich der Seite verschieben und sie links oder rechts vom Header-Bereich platzieren
- Die Position beider Seitenleisten tauschen
- Footer. Dies ist der ganz unten liegende Bereich, in dem für gewöhnlich der Firmenname, Kontaktdaten oder ein Copyright-Vermerk platziert werden. Für den Footer stehen folgende Aktionen zur Verfügung:
- Die Höhe des Footers durch Entfernen aller enthaltenen Elemente auf 25 Pixel reduzieren
- Die Breite des Footers von der Standardgröße auf bis zu 100 Prozent ändern, sodass er die gesamte Breite der Seite füllt
- Werbeblock unter dem Footer. Abhängig von Ihrem Hosting-Paket kann möglicherweise ein zusätzlicher Textblock, der Werbung von Ihrem Hosting-Provider enthält, unter dem Website-Footer erscheinen. Wenn dieser Werbeblock auf Ihrer Website erscheint, können Sie Ihr Hosting-Paket upgraden, damit er nicht mehr angezeigt wird.
So ändern Sie das Layout Ihrer Website:
Gehen Sie zum Tab Design > Tab Layout.
Wählen Sie die Anzahl der Seitenleisten aus: Dazu wählen Sie unter Seitenleisten entweder Keine, Eine oder Zwei aus.
Wählen Sie die Position der Seitenleisten aus:
- Um eine Seitenleiste auf die gegenüberliegende Seite Ihrer Website zu verschieben oder die Position der Seitenleisten zu tauschen (wenn Sie zwei Seitenleisten auf Ihrer Website haben), klicken Sie auf Seitenleisten tauschen.
- Um die Seitenleisten in den oberen Bereich der Seite zu verschieben, klicken Sie ihre Miniaturversion in den Layout-Einstellungen an.
Legen Sie die Größe der Webpage-Elemente fest:
Um die Gesamtbreite der Webpages festzulegen, wählen Sie unter Website-Breite eine der folgenden Optionen aus:
- Festes Layout: Ihre Website wird eine bestimmte Größe haben, unabhängig von der Größe des Browserfensters, in dem die Seite angezeigt wird. In dem Fall geben Sie die Website-Breite in Pixeln an.
- Fließendes Layout: Diese Einstellung basiert auf einem prozentualen Anteil der aktuellen Browserfenstergröße. In diesem Fall geben Sie die Website-Breite als Prozentsatz der Browserfenstergröße an.
Um die Breite des Header-, Footer- und Haupt-Content-Bereiches an die Breite der Seite anzupassen, müssen Sie in den Layout-Einstellungen auf die entsprechenden Elemente klicken.
Geben Sie unter Mindesthöhe der Spalte in Pixel die Höhe des Hauptbereichs für Ihr Inhalte und der Seitenleisten ein, sofern Sie diese verwenden.
Dieser Wert zeigt die Höhe Ihrer Website-Elemente ohne Content an. Wenn Sie Content zum Hauptbereich und zu den Seitenleisten hinzufügen, wird deren Höhe entsprechend an den Content angepasst.
Wenn Sie sicherstellen wollen, dass die Seitenleisten und der Content-Bereich vertikal ausgerichtet sind, aktivieren Sie das Kontrollkästchen bei Seitenleisten und Content-Bereich bis Footer ausdehnen.
Sofern Sie eine oder zwei Seitenleisten verwenden, können Sie unter Breite der Seitenleiste in Pixel die Breite jeder Seitenleiste angeben. Die Größe des Hauptbereichs wird automatisch bestimmt.
Unter Randgrößen in Pixel geben Sie die Größe der senkrechten und waagerechten Ränder an. Ein Rand ist der Abstand zwischen benachbarten Elementen.
Klicken Sie auf OK, um die Änderungen zu speichern.