V tejto ukážke budeme pracovať na oblasti „Ukážky“ CSS-trikov. Je to dosť populárna oblasť webu, napriek tomu, že mu nevenujem toľko času, ako by som mal. Jedná sa o miesto na webe s hromadou stiahnuteľných a zobraziteľných ukážok na jednom mieste - takže je veľmi ľahké prechádzať a prechádzať a nájsť kúsky, ktoré by vás a vaše projekty mohli zaujímať.
Štruktúra je veľmi podobná oblasti videa. Každá ukážka má rovnako ako každé video názov a krátky popis a niekoľko tlačidiel. Budeme teda modelovať rozloženie rovnako ako v oblasti videí. Na rozdiel od oblasti videí však nie sme schopní odstrániť ručne vytvorený kód HTML a nahradiť ho slučkou WordPress. Je to preto, že každá ukážka nežije vo WordPresse, je nezávislá. To je v poriadku, nebojíme sa trochu prirážky. Iba to trochu prepíšeme, aby to bolo čo najdokonalejšie.
Teraz máme všetky bity na svojom mieste, ako potrebujeme. Kontrolujeme značenie. Kontrolujeme CSS iba pre túto konkrétnu oblasť. Je s tým len pár drobností a hlavná oblasť obsahu pre túto oblasť je hotová.
Na konci sa pozrieme na jednotlivé ukážkové stránky a uvidíme, ako sa značka CSS-Tricks vzťahuje aj na tieto stránky.