Sie können die Darstellung der Kopfzeile auf jeder Seite anpassen, indem Sie Position, Stil und Farbeinstellungen anpassen. Wählen Sie, ob der Seiteninhalt unter oder hinter der Kopfzeile beginnt, stellen Sie den Kopfzeilenstil auf „normal“, „transparent“ oder „benutzerdefinierte Farbe“ ein und ändern Sie die Farbe von Kopfzeilenelementen wie Titel, Menü und Symbolen. Diese Optionen ermöglichen mehr Flexibilität bei der Gestaltung einzigartiger und optisch ansprechender Seitenlayouts.
Bevor Sie die Kopfzeile auf transparent setzen, stellen Sie sicher, dass der erste Abschnitt der Seite ein randabfallendes Bild oder Banner enthält, um ein sauberes und professionelles Erscheinungsbild zu gewährleisten.
In diesem Artikel
Kopfzeilenstileinstellungen
Sie können Header-Stile an verschiedenen Stellen im Pixpa Studio konfigurieren, abhängig von der Art des Menüpunkts und der jeweiligen Seite, an der Sie arbeiten. Ob eigenständige Seite, Ordner oder Produkt-/Galeriebereich – die Position der Header-Einstellungen kann variieren, um Ihnen mehr Flexibilität und Kontrolle über das Erscheinungsbild Ihrer Website zu geben.
Kopfzeile
- Bewegen Sie den Cursor über die Seite, die Sie bearbeiten möchten. Klicken Sie auf das drei Punkte (3) Symbol.
- Klicken Sie in der Dropdown-Liste auf Inhalt bearbeiten (4) Option.
- Der Seiteneditor öffnet sich. Klicken Sie auf das Einstellungen (5) Taste.
- Von der Seitenleiste aus können Sie die Kopfzeile (6) Optionen.
- Nachdem Sie Anpassungen vorgenommen haben, Gespeichert (7) die Änderungen.
Alternativ können Sie auch die Studiosuchoption verwenden, um zu der Seite zu navigieren, die Sie bearbeiten möchten.
- Geben Sie die Seitentitel (1) (das Sie bearbeiten möchten) in der Suchleiste.
- Klicken Sie auf Seite (2) unter Site-Menüelemente.
Ordnerkopfzeile
- Unter dem Website (1) Abschnitt, bewegen Sie den Cursor über den Ordner. Klicken Sie auf die Drei vertikale Symbole (2), das angezeigt wird, wenn der Cursor darüber schwebt.
- Klicken Sie im Menü auf Einstellungen (3) Option.
- Sie sehen die Option zum Anpassen der Kopfzeile (4) auf der Seite mit den Ordnereinstellungen.
- Nachdem Sie die Änderungen vorgenommen haben, klicken Sie auf Gespeichert (5) Taste.
Banner
Auf einigen Seiten wie Produktkategorien, Produktseiten bearbeiten usw. sind die Optionen für den Header-Stil im Einstellungsbereich „Banner“ verfügbar.
- Klicken Sie auf Banner (1) Registerkarte.
- Öffnen Sie in der Seitenleiste Einstellungen (2).
Sie können den Kopfzeilenstil (Normal, Transparent oder Benutzerdefiniert) konfigurieren, Element- und Kopfzeilenfarben anpassen und von hier aus die Inhaltsposition festlegen.
Position des Seiteninhalts
Sie können auswählen, wie der Seiteninhalt an der Kopfzeile ausgerichtet wird:
- Unter der Überschrift: Der Inhalt beginnt unterhalb der Kopfzeile.
- Hinter dem Kopfball: Der Inhalt überlappt sich mit der Kopfzeile, was normalerweise bei transparenten Kopfzeilen verwendet wird.
Header-Stil
Wählen Sie aus, wie die Kopfzeile auf dieser Seite angezeigt werden soll:
1. Kopfzeilenstil
- Normal: Standardmäßig ist die Kopfzeile mit einfarbigem Hintergrund gestaltet. Sie können dies im Bereich „Design“ festlegen. Mehr erfahren.
- Transparent: Macht den Kopfzeilenhintergrund transparent, sodass der dahinterliegende Inhalt sichtbar ist.
- Benutzerdefiniert: Ermöglicht Ihnen, benutzerdefinierte Farben für die Kopfzeile und ihre Elemente festzulegen.
Durch die Auswahl von „Transparent“ oder „Benutzerdefiniert“ können Sie die Elementfarben für eine bessere Sichtbarkeit anpassen.
2. Elementfarbe (Nur im transparenten oder benutzerdefinierten Stil sichtbar)
Wenn Sie „Transparent“ oder „Benutzerdefiniert“ auswählen, wird die Option „Elementfarbe“ angezeigt:
- Wählen zwischen Standardfarbe or Farbe angeben.
Auf diese Weise können Sie die Farbe von Kopfzeilenelementen wie Site-Titel, Menü und Symbolen ändern, um eine optimale Sichtbarkeit gegenüber Hintergrundbildern oder -videos zu erzielen.
3. Kopfzeilenfarbe (Nur mit benutzerdefiniertem Stil sichtbar)
Wenn „Benutzerdefinierter Kopfzeilenstil“ ausgewählt ist, wird eine zusätzliche Option angezeigt:
- Kopfzeilenfarbe: Wählen Sie eine benutzerdefinierte Hintergrundfarbe für die Kopfzeile selbst.
Dadurch haben Sie die vollständige Kontrolle über das Erscheinungsbild der Kopfzeile und ihrer Elemente und können sicherstellen, dass sie zum visuellen Ton jeder Seite passen.
Sie können die Kopfzeilenfarbe für einzelne Seiten separat anpassen, indem Sie unter „Kopfzeilenstil“ die Option „Benutzerdefiniert“ auswählen . So können Sie für jede Seite eine individuelle Kopfzeilenfarbe festlegen, die zum jeweiligen Seitendesign passt.
Header-Beispiele
- Hier ist ein Beispiel einer Seite mit Normaler Header
- Hier ist ein Beispiel einer Seite mit einem Transparente Kopfzeile.
Sehen Sie sich eine Live-Seite an, deren Kopfzeile transparent ist.