#122: Aufbau des Video-Archivs, Teil 1

Die Seite des Video-Archivs ist der Teil der Website, auf dem die Leute alle verfügbaren kostenlosen Videos ansehen können. Sie dient zum Stöbern, ähnlich wie die Homepage für die Snippets oder die Homepage für die Demos.

Diese Seiten haben ihre eigene Vorlage, die wir sehr schnell und einfach in Form bringen können, wie wir es schon oft getan haben. Wir setzen unsere eigene Hülle um die Elemente und verwenden unsere Grid-Struktur, um ein Layout von 2/3 zu 1/3 zu erzielen.

Was für mich hier **sehr** spannend ist, ist die Chance, alten, unschönen Markup herauszureißen und durch intelligenteren und automatisch generierten Markup zu ersetzen. In der Vergangenheit habe ich jeden Eintrag in den Video-Archiven von Hand als Definitionsliste geschrieben. Erstens ist das wahrscheinlich nicht das richtige semantische Markup für eine Liste von Videos, besonders wenn jeder Eintrag eine neue Liste beginnt.

Stattdessen reißen wir all diesen alten Markup heraus und führen stattdessen eine sorgfältig ausgearbeitete Abfrage aus, um alle benötigten Daten aus WordPress zu ziehen. Wir durchlaufen diese Abfrage und geben neues Markup aus, das sauberer ist (nur Divs mit Klassen). Das wird uns in Zukunft Zeit sparen, da wir diese Archivseiten nicht mehr von Hand pflegen müssen.

Während wir diesen neuen Markup schreiben, streuen wir WordPress-Funktionen ein, die die dynamischen Teile ausfüllen. Die Titel sind the_title(). Die Links sind the_permalink(). Die Thumbnails sind benutzerdefinierte Felder. Kinderleicht.

Die Divs verwenden Klassennamen aus unserem Grid-System, damit all das Floaten, Größenanpassen und Ähnliches automatisch funktioniert. Sind wir nicht effizient? Etwas CSS muss aber benutzerdefiniert sein, und das schreiben wir dort, wo wir es brauchen. Zum Beispiel die Anpassung des Abstands für Module speziell in diesem Bereich (er war zu groß, wir haben ihn reduziert). Diese Art von Dingen ist leicht über Klassennamen zu erledigen, die uns zur Verfügung stehen, seit wir body_class() klugerweise schon bei der Arbeit am Head eingesetzt haben.