Inhalte zum Header deiner Website hinzufügen

Dieser Ratgeber zeigt dir, wie du gängige Elemente zum Header deiner Website hinzufügst, darunter ein Logo, ein Navigationsmenü, ein Suchfeld und Social-Media-Icons. Du kannst dieselben Schritte ausführen, um Elemente zu deinem Header hinzuzufügen.

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

Du musst auf deinen Header-Template-Teil zugreifen, um Elemente hinzuzufügen. Wenn du das noch nicht getan hast, folge den Anweisungen in unserem Ratgeber Den Header bearbeiten.

So fügst du ein Logo zu deinem Header-Template-Teil hinzu:

1. Klicke während der Bearbeitung des Header-Template-Teils auf den Button + Block-Inserter.
2. Suche nach dem Website-Logo-Block.
3. Klicke auf den Website-Logo-Block, um ihn einzufügen.
4. Klicke in der Werkzeugleiste, die angezeigt wird, entweder auf Mit KI generieren oder auf Logo auswählen, um ein Logo auszuwählen.
5. Klicke und ziehe die Ziehpunkte (kleine Kreise), die um das Logo angezeigt werden, um es zu vergrößern oder zu verkleinern.
6. Klicke dann auf den Button Speichern, um deine Änderungen zu speichern und dein Logo hinzuzufügen.

Sobald du ein Website-Logo hochgeladen hast, kann es mit dem Website-Logo-Block an verschiedenen Stellen und in unterschiedlichen Templates verwendet werden.

Befolge diese Schritte, um deinem Header ein Menü hinzuzufügen:

1. Klicke während der Bearbeitung des Header-Template-Teils auf den Button + Block-Inserter.
2. Suche nach dem Navigationsblock.
3. Klicke auf das Icon des Navigationsblocks, um ihn einzufügen.
4. Wenn du mit der Menübearbeitung fertig ist, klicke auf den Button Speichern, um deine Änderungen zu speichern.

Sobald der Navigationsblock zu deinem Header hinzugefügt wurde, kannst du ihn entsprechend unserem ausführlichen Ratgeber zur Verwendung des Navigationsblocks anpassen. Du erfährst, wie du Links hinzufügst, Untermenüs erstellst, Link-Einstellungen änderst und vieles mehr.

So fügst du deinem Header eine Suchleiste hinzu:

1. Klicke während der Bearbeitung des Header-Template-Teils auf den Button + Block-Inserter.
2. Suche nach dem Suchblock.
3. Klicke auf das Icon des Suchblocks, um ihn in deinen Header einzufügen.
4. Wenn du fertig bist, klicke auf den Button Speichern, um deine Änderungen zu speichern.

Hier findest du weitere Informationen zur Verwendung des Suchblocks. Du erfährst, wie du den Text des Such-Buttons und die Schriftart und Farben änderst, die Breite des Suchfelds anpasst und vieles mehr.

Befolge diese Schritte, um deinem Header Social-Icons hinzuzufügen:

1. Klicke während der Bearbeitung des Header-Template-Teils auf den Button + Block-Inserter.
2. Suche nach dem Social-Icons-Block.
3. Klicke auf das Icon des Social-Icons-Blocks, um es in deinen Header einzufügen.
4. Wenn du fertig bist, klicke auf den Button Speichern, um deine Änderungen zu speichern.

Weitere Informationen zur Verwendung des Social-Icons-Blocks. Du erfährst, wie du Social-Media-Profile hinzufügst, die Art der Icons änderst, deine Icons formatierst oder entfernst und vieles mehr.

Nachdem du deinem Header mehrere Elemente hinzugefügt hast, solltest du sie anordnen, um ein optisch ansprechendes Layout zu erstellen. Weitere Informationen zum Anordnen von Inhalten in deinem Header.