Wissensdatenbank

Erhalten Sie professionelles Website-Hosting

Entscheiden Sie sich für Website-Zuverlässigkeit und Kompetenz mit SiteGround!

Start / E-Commerce / So machen Sie die Kopfzeile transparent

So machen Sie die Kopfzeile transparent

Fassen Sie diesen Artikel zusammen mit:
Zuletzt aktualisiert: May 07, 2026 1 Minuten Lesezeit

WICHTIG! Derzeit stehen zwei Versionen vom Builder zur Verfügung: eine für Websites, die vor dem 4. März 2026 erstellt wurden, und eine weitere für Websites, die nach dem 4. März 2026 erstellt wurden. Websites, die noch den älteren Builder verwenden, werden in Kürze automatisch auf die neuere Version migriert. Falls Ihre Website noch nicht migriert wurde, lesen Sie bitte den Abschnitt zum Classic Builder weiter unten.

Um die Kopfzeile transparent zu machen, folgen Sie bitte diesen Schritten: 

  1. Klicken Sie in den Site Tools > Website Builder auf „Website bearbeiten“.
    Schaltfläche 'Website bearbeiten' zum Zugriff auf den visuellen Editor des Website Builders
  2. Öffnen Sie in der linken Menüleiste den Abschnitt „Seiten“.
  3. Wählen Sie im linken Menü die Seite aus, die Sie bearbeiten möchten.

    HINWEIS: Sie können die transparente Kopfzeile für jede Seite einzeln ein- oder ausschalten.

    Auswahl einer Seite im Website Builder, bei der der Header transparent sein wird
  4. Klicken Sie auf den Kopfzeilenbereich der Seite, um die Einstellungen „Kopfzeile bearbeiten“ zu öffnen.
  5. Öffnen Sie den Tab „Design“.
  6. Aktivieren Sie den Schalter „Transparente Kopfzeile“.
    Schaltfläche für transparenten Header, um einen Seitenheader transparent zu machen

Bei einem Abschnitt mit Hintergrundbild wird das Bild hinter der Kopfzeile erweitert angezeigt.

Bei Abschnitten ohne Hintergrundbild übernimmt die Kopfzeile die Hintergrundfarbe des obersten Abschnitts. Dadurch können unterschiedliche Seiten verschiedenfarbige Kopfzeilen haben, wenn die transparente Kopfzeile aktiviert ist.

So machen Sie die Kopfzeile transparent (Classic Builder)

Um die Kopfzeile transparent zu machen, gehen Sie zu der Seite, auf der die Kopfzeile transparent sein soll, und klicken Sie auf den oberen Bereich der Seite.

Hinweis: Sie können den transparenten Header für jede Seite ein- oder ausschalten.

Klicken Sie anschließend in den Abschnittstools auf der rechten Seite des Abschnitts auf das oberste Symbol, um den transparenten Header zu aktivieren.

Für einen Abschnitt mit einem Hintergrundbild wird das Bild hinter dem Header erweitert.

Für Abschnitte ohne Hintergrundbild nimmt der Header die Hintergrundfarbe des oberen Abschnitts an. Dadurch können verschiedene Seiten unterschiedlich gefärbte Header haben, wenn der transparente Header aktiviert ist.

Diesen Artikel teilen