# 119: Benutzerdefinierter Header für Videos - CSS-Tricks

Anonim

Ich glaube, ich habe in einem früheren Video gesagt, dass wir alle Header fertiggestellt haben. Nur ein Scherz! Es ist noch einer übrig! Dieser ist für den Bereich Videos und wurde von Alyssa Nassner erstellt. Wir haben es in der statischen Vorlage zum Laufen gebracht, wir müssen es nur in das WordPress-Land verschieben.

Ich denke auch, dass wir zum letzten Mal eine Reihe von Vorlagen-Wranglings durchführen, die wir schon so oft durchgeführt haben, wie das Einrichten von Grid-Divs und das Hinzufügen von Logik zum Header, um sicherzustellen, dass Site-Section-spezifisches CSS geladen wird.

Am Ende sehen wir uns an, wie sich die Suche auf unseren benutzerdefinierten Header auswirkt, wenn wir die Navigation öffnen. Wir fügen ein kurzes Stück CSS hinzu (basierend auf dem „Status“, in dem der Körper eine Klasse erhält), der den Header nach unten drückt und Platz für die Suche schafft. Wir schauen uns auch ein wenig den Unterabschnitt Navi an und wie dies eine Gelegenheit zur Konsistenz ist.