Kopfzeilen-Block

Der Kopfbereich deiner Website enthält normalerweise den Seitentitel, das Firmenlogo und Navigationslinks zu anderen Seiten deiner Website. Der Kopf befindet sich normalerweise ganz oben auf deiner Website.

Jede Sitebuilder-Vorlage enthält standardmäßig einen Kopfblock, sodass du ihn nur manuell hinzufügen musst, wenn du ihn gelöscht hast.

In diesem Fall klicke auf den Plus (+)-Button oben auf deiner Seite, wähle Kopf in der Blockbibliothek aus und klicke auf das Kopf-Layout, um es deiner Seite hinzuzufügen.

WL - Header Block - 1.png

Oder du kannst auch die Zurücknehmen-Schaltfläche in der oberen Leiste verwenden, um die Aktion rückgängig zu machen.

Hinweis: Du kannst nur einen Kopfblock pro Seite haben.

Kopfblock-Layout ändern

Das Ändern des Layouts des Kopfblocks unterscheidet sich etwas von anderen Blöcken. Der Standardkopf enthält keine Schaltfläche "Block-Layout wechseln" in den Blockeinstellungen.

Hinweis: Das Kopflayout kann seitenabhängig sein, aber der Inhalt ist global.

Um das Kopf-Layout zu ändern, befolge diese Schritte:

  1. Wähle den Ort aus, an dem du den Kopfblock einfügen möchtest, und klicke auf den (+) Plus-Button.
  2. Navigiere in der Blockbibliothek zum Kopf-Abschnitt und klicke auf das gewünschte Blocklayout.
  3. Da nur ein Kopf pro Seite möglich ist, wird die Meldung "Blockersetzung" angezeigt. Klicke auf "Ersetzen".WL - Header Block - 2.png

Der alte Kopf wird durch das neue Layout ersetzt.

Hinweis: Alternativ kannst du den Standardkopf einfach löschen und einen neuen hinzufügen. Dann musst du dich nicht mit der Meldung "Blockersetzung" befassen.

Der neue Kopf wird auch die Schaltfläche "Blocklayout wechseln" in den Blockeinstellungen > Layout haben, sodass du ihn nicht erneut löschen und hinzufügen musst, wenn du sein Layout erneut ändern möchtest.

WL - Header Block - 3.png

Hinweis: Das Kopflayout kann seitenabhängig sein, aber der Inhalt ist global.

Elemente des Kopfblocks

Die Elemente, die du dem Kopfblock hinzufügen kannst, sind:

  • Soziale Profilseiten des Unternehmens
  • Firmennummer
  • Firmenlogo
  • Seitenname
  • Navigation
  • Primäre Schaltfläche
  • Sekundäre Schaltfläche

Schauen wir uns an, wie du jede dieser Elemente anpassen kannst.

Anpassen der Einstellungen des Kopfblocks

Du kannst den Headerblock mit Hilfe seines Steuerungsfelds anpassen. Um es zu aktivieren, bewege den Cursor über den Block und klicke dann auf das Blockeinstellungen-Symbol.

no-logo-header-block-2.png

Das Blockeinstellungsmenü besteht aus zwei Registerkarten: der Layout- Registerkarte und der Darstellung-Registerkarte.

In der Registerkarte "Layout" kannst du auswählen, welche Elemente im Kopf angezeigt werden sollen. (In einigen Vorlagen sind die meisten standardmäßig nicht aktiviert.) Setze Häkchen in den gewünschten Kontrollkästchen, um Optionen hinzuzufügen, oder entferne Häkchen, um sie aus dem Kopf zu löschen. Das Design wird automatisch aktualisiert.

no-logo-header-block-3.png

Wenn du alle Elemente in der Registerkarte "Layout" aktivierst und sie nicht in einer Zeile Platz finden, wird eine zusätzliche Zeile oben im Kopf angezeigt.

no-logo-header-block-4.png

In der Registerkarte "Darstellung" kannst du die neue Farbe für deinen Kopfblock auswählen.

no-logo-header-block-5.png

Um den Kopf am oberen Bildschirmrand zu fixieren, während der Besucher nach unten scrollt, setze das Mache Header oben fixiert-Kästchen.

Um den Kopf transparent zu machen, setze das Überlagere nächsten Block-Kästchen. Der Kopf passt sich dann der Hintergrundfarbe des nächsten Blocks an.

Sobald du mit dem Erscheinungsbild deines Kopfs zufrieden bist, klicke auf Speichern, um die Änderung zu bestätigen.

Hinweis: Wenn du die Elemente in deinem Kopfblock auf einer Seite bearbeitest, werden diese Änderungen auch auf Kopfblöcke auf allen anderen Seiten angewendet. Der Kopfblock hat auf allen Seiten, auf denen er hinzugefügt ist, das gleiche Layout.

Ein Logo zu deinem Header hinzufügen

Du kannst ein Logo hinzufügen, das in deinem Kopf angezeigt wird, indem du die Option Firmenlogo im Layout-Bereich des Blockeinstellungen-Menüs aktivierst.

Weitere Informationen zum Hinzufügen eines Logos findest du in diesem Tutorial.

Einfügen und Bearbeiten von Links zu sozialen Medien

Du kannst Links zu deinen Social Media-Profilen in deinem Kopf hinzufügen. Aktiviere die Option Business Social Profiles im Layout-Bereich des Blockeinstellungen-Menüs. Befolge dann die Schritte in unserem Tutorial zur Hinzufügung von Social Media-Konten, um deine Social Media-Links im Kopfblock anzupassen.

Beachte, dass die Farbe der Symbole durch die Website-Palette festgelegt wird. 

Ändern der Telefonnummer

Um deine Geschäftsnummer anzuzeigen, aktiviere zuerst diese Option im Blockeinstellungen-Menü.

no-logo-header-block-6.png

Um die Telefonnummer zu bearbeiten, klicke darauf und gib die neue Nummer ein.

Du kannst auch eine Klickaktion für deine Telefonnummer festlegen, um sie klickbar zu machen. Lies unsere dedizierte Anleitung für detaillierte Anweisungen.

Die Navigation hinzufügen

Das Navigationsmenü kann wie alle anderen Elemente deiner Website im Layout-Bereich des Blockeinstellungen-Menüs hinzugefügt oder entfernt werden.

no-logo-header-block-7.png

 

Erfahre mehr über die Einrichtung und Anpassung der Website-Navigation in diesem Tutorial.

Du kannst auch dein Navigationsmenü in ein lokales Element umwandeln

Schaltflächen bearbeiten

Dein Kopfblock kann bis zu zwei Schaltflächen enthalten. Aktiviere oder deaktiviere die Primäre Schaltfläche (gefüllt, um auffälliger zu erscheinen) oder eine Sekundäre Schaltfläche (nur umrissen) im Layout-Tab des Blockeinstellungen-Menüs.

no-logo-header-block-8.png

Wenn du die Farben der Schaltflächen ändern möchtest, folge den Schritten aus diesem Tutorial. 

Um einer Schaltfläche einen Hyperlink hinzufügen, klicke auf sie und dann auf das Link-Symbol. Du wirst aufgefordert, den Link zu verwalten. Lies dieses Tutorial, um zu erfahren, wie du Links erstellen kannst..

War dieser Beitrag hilfreich?
0 von 0 fanden dies hilfreich