La page d'archives de vidéos est la partie du site où les gens peuvent parcourir toutes les vidéos gratuites disponibles à regarder. C'est pour la navigation, il faut aimer la page d'accueil pour les extraits ou la page d'accueil pour les démos.
Ces pages sont leur propre modèle, que nous pouvons très rapidement et facilement mettre en forme comme nous l'avons fait plusieurs fois auparavant. Nous mettons notre propre wrapper autour des choses et utilisons notre structure de grille pour lui donner une disposition 2/3 1/3.
Ce qui est très excitant pour moi ici, c'est que nous avons la chance d'extraire un vieux balisage grossier et de le remplacer par un balisage plus intelligent et généré automatiquement. Dans le passé, j'écrivais chaque entrée dans les archives vidéo sous forme de liste de définitions. Pour commencer, ce n'est probablement pas le bon balisage sémantique pour une liste de vidéos, en particulier lorsque chaque entrée commence une nouvelle liste.
Au lieu de cela, nous extrayons tout ce vieux balisage et exécutons à la place une requête soigneusement conçue pour récupérer toutes les données dont nous avons besoin de WordPress. Nous exécutons une boucle sur cette requête et produisons un nouveau balisage plus propre (juste des divs avec des classes). Cela va nous faire gagner du temps à l'avenir, sans avoir besoin de gérer manuellement ces pages d'archives.
Pendant que nous écrivons ce nouveau balisage, nous le dotons de fonctions WordPress qui remplissent les éléments dont nous avons besoin pour être dynamiques. Les titres sont the_title(). Les liens sont the_permalink(). Les miniatures sont des champs personnalisés. Cheezy facile.
Les div utilisent les noms de classe de notre système de grille afin que tout le flottant, le dimensionnement et les choses fonctionnent automatiquement. Ne sommes-nous pas efficaces? Cependant, certains CSS doivent être personnalisés, et nous écrivons ce dont nous avons besoin. Par exemple, ajuster le rembourrage pour les modules spécifiquement dans cette section (c'était trop, nous l'avons réduit). Ce genre de chose est facile à faire via les noms de classe qui nous sont disponibles puisque nous l'avons utilisé intelligemment body_class()lorsque nous travaillions sur la tête.