În acest ecran, vom lucra la zona „Demonstrații” din CSS-Tricks. Este o zonă destul de populară a site-ului, în ciuda faptului că nu pun atât de mult timp în el cât ar trebui. Scopul acestuia este un loc de pe site cu o mulțime de demonstrații descărcabile și vizibile, toate într-un singur loc - deci este foarte ușor să derulați și să navigați și să găsiți biți care ar putea fi de interes pentru dvs. și proiectele dvs.
În structură, este foarte asemănător cu zona videoclipurilor. Fiecare demonstrație are un titlu și o scurtă descriere și câteva butoane, la fel ca fiecare videoclip. Așa că vom modela aspectul așa cum am făcut și zona videoclipurilor. Cu toate acestea, spre deosebire de zona videoclipurilor, nu suntem capabili să eliminăm codul HTML realizat manual și să îl înlocuim cu o buclă WordPress. Acest lucru se datorează faptului că fiecare demonstrație nu trăiește în interiorul WordPress, ci este independentă. Totuși este în regulă, nu ne este frică de un mic markup. Vom doar să o scriem din nou pentru a o face cât mai perfectă.
Acum avem toți biții la locul lor, de care avem nevoie. Controlăm marcajul. Controlăm CSS doar pentru această zonă specială. Doar câteva modificări ale acestui domeniu și a principalului domeniu de conținut pentru acest domeniu sunt terminate.
La sfârșit, ne uităm la pagini de demonstrație individuale și vedem cum se aplică brandingul CSS-Tricks și acelor pagini.