V tomto screencastu budeme pracovat na oblasti „Demos“ CSS-Tricks. Je to docela oblíbená oblast webu, a to navzdory skutečnosti, že mu nedávám tolik času, kolik bych měl. Jedná se o místo na webu se spoustou stahovatelných a zobrazitelných ukázek na jednom místě - takže je velmi snadné procházet a procházet a najít bity, které by vás a vaše projekty mohly zajímat.
Ve struktuře je to velmi podobné oblasti videí. Každá ukázka má název a krátký popis a několik tlačítek, stejně jako každé video. Budeme tedy modelovat rozložení stejně, jako jsme to dělali v oblasti videí. Na rozdíl od oblasti videí však nejsme schopni odstranit ručně vytvořený HTML a nahradit jej smyčkou WordPress. Je to proto, že každé demo nežije uvnitř WordPressu, je nezávislé. To je v pořádku, nebojíme se malé známky. Prostě to trochu přepíšeme, aby to bylo tak dokonalé, jak jen může být.
Nyní máme všechny bity na místě, jak potřebujeme. Kontrolujeme označení. Ovládáme CSS právě pro tuto konkrétní oblast. Je s tím jen pár drobností a hlavní oblast obsahu pro tuto oblast je hotová.
Na konci se podíváme na jednotlivé ukázkové stránky a uvidíme, jak se značka CSS-Tricks vztahuje i na tyto stránky.