In diesem Screencast werden wir die Vorlage für einzelne Videos mit Code-Wranglin fertigstellen.
Wir beginnen damit, uns ein wenig in unserem CSS zu organisieren. Einige der Dateien videos.scss sind global für Videoseiten. Einige sind spezifisch für die Archivseiten, andere spezifisch für einzelne Videoseiten. Im Moment wird es auf all diese Arten von Seiten geladen. Es ist so wenig CSS, das ist in Ordnung und wahrscheinlich gut (nutzt das Caching am besten). Wenn diese einzelne Datei eine Menge abweichenden Codes enthalten würde, würde ich sie wahrscheinlich in zwei Teile teilen.
Wir beheben das Rätsel, in dem wir uns am Ende des letzten Videos befanden, in dem sich unsere Kommentare in unserem Tag befanden . Wir strukturieren es einfach mit Gittern und haben richtige Wrapper.
Anstatt einen Header-Bereich zu haben, verwenden wir einfach die Black-Bar-Navigation (Breadcrumb), um den Titel des Videos anzuzeigen, und dann befindet sich das Video direkt darunter. Auf diese Weise verwenden Titel und Beschreibung unterhalb des Videos im Wesentlichen dasselbe Muster wie ein Blog-Beitrag oder ein Snippet oder ein Almanach-Eintrag oder ähnliches. Ja für konsistente Muster.