Inhalte im Header deiner Website anordnen

Dieser Ratgeber zeigt dir, wie du die Blöcke im Header deiner Website anordnest, um das gewünschte Layout zu erstellen.

Um die Schritte in diesem Ratgeber zu befolgen, benötigst du ein Theme, das den Website-Editor unterstützt. Unter Design → Editor im Dashboard deiner Website kannst du schnell nachsehen, ob deine Website den Website-Editor verwendet.

Du musst den Header-Template- Teil aufrufen, um die entsprechenden Blöcke neu anzuordnen. Wenn du dies noch nicht getan hast, folge den Anweisungen in unserem Ratgeber Den Header bearbeiten .

Du kannst Blöcke in deinem Header verschieben, indem du diese Schritte befolgst:

1. Öffne während der Bearbeitung des Header-Template-Teilsdie Listenansicht , indem du auf das Listenansicht -Icon (drei horizontale Linien) links oben im Editor klickst.
2. Suche den Block, den du verschieben möchtest. Wenn neben einem Block ein >-Symbol angezeigt wird, klicke darauf, um ihn zu erweitern und verschachtelte Blöcke anzuzeigen.
3. Klicke auf den Namen des Blocks, halte ihn gedrückt und ziehe ihn dann an die neue Position.
4. Lass den Block los, um ihn an seiner neuen Position abzulegen.
5. Klicke auf den Button „Speichern“ , um deine Änderungen zu speichern.

Um Header-Blöcke horizontal nebeneinander zu platzieren (wie ein Logo neben einem Website-Titel), musst du sie in einem Zeilenblock gruppieren. Befolge dazu diese Schritte:

1. Öffne während der Bearbeitung des Header-Template-Teilsdie Listenansicht , indem du auf das Listenansicht-Icon (drei horizontale Linien) oben links im Editor klickst.
2. Wähle den ersten Block aus, den du neben einem anderen platzieren möchtest (z. B. dein Logo).
3. Halte die Umschalttaste (PC) oder die Befehlstaste (Mac) gedrückt und klicke auf den zweiten Block, den du daneben platzieren möchtest (z. B. den Website-Titel).
4. Klicke in der Werkzeugleiste, die dann erscheint, auf das Zeilen- Icon.
5. Klicke auf den Button „Speichern“ , um deine Änderungen zu speichern.

Weitere Informationen über das Gruppieren von Inhaltsblöcken.

Um Header-Blöcke vertikal übereinander zu platzieren (wie ein Menü über einem Social-Icons-Menü), musst du sie in einem Stapel-Blockgruppieren:

1. Öffne während der Bearbeitung des Header-Template-Teilsdie Listenansicht , indem du auf das Listenansicht-Icon (drei horizontale Linien) oben links im Editor klickst.
2. Wähle den ersten Block aus, den du stapeln möchtest (z. B. dein Menü).
3. Halte die Umschalttaste gedrückt und klicke auf den zweiten Block, den du darunter platzieren möchtest (z. B. dein Social-Icons-Menü).
4. Klicke in der Werkzeugleiste, die dann erscheint, auf das Stapel- Icon.
5. Klicke auf den Button „Speichern“ , um deine Änderungen zu speichern.

Weitere Informationen über das Gruppieren von Inhaltsblöcken.

Ein Header in voller Breite sorgt für einen auffälligen Look, der sich über die gesamte Breite des Browserfensters erstreckt. So legst du für deinen Header die volle Breite fest:

1. Öffne während der Bearbeitung des Header-Template-Teilsdie Listenansicht , indem du auf das Listenansicht-Icon (drei horizontale Linien) oben links im Editor klickst.
2. Suche den Gruppenblock mit deinem Header.
   • Wenn sich dein Header nicht in einem Gruppenblock befindet, klicke auf das (⋮) -Menü und wähle „Gruppe“ aus.
3. Klicke in der Werkzeugleiste, die erscheint,auf das Ausrichtungs- Icon.
4. Wähle „Volle Breite“aus.
5. Klicke auf den Button „Speichern“ , um deine Änderungen zu speichern.

Weitere Informationen zum Erstellen von Inhalten in voller Breite.