Bu ekran video kaydında CSS-Püf Noktalarının “Demolar” alanı üzerinde çalışacağız. Olması gerektiği kadar zaman harcamamama rağmen, sitenin oldukça popüler bir alanı. Buradaki nokta, sitedeki indirilebilir ve görüntülenebilir demoların hepsi tek bir yerde bulunan bir yerdir - bu nedenle, kaydırmak ve göz atmak ve sizi ve projelerinizi ilgilendiren bitleri bulmak çok kolaydır.
Yapı olarak, videolar alanına çok benziyor. Her bir demo, tıpkı her video gibi bir başlık ve kısa açıklamaya ve birkaç düğmeye sahiptir. Bu yüzden düzeni tıpkı videolar alanında yaptığımız gibi modelleyeceğiz. Bununla birlikte, videolar alanından farklı olarak, el yapımı HTML'yi kaldıramıyoruz ve bir WordPress döngüsüyle değiştiremiyoruz. Bunun nedeni, her demo'nun WordPress içinde yaşamaması, bağımsız olmalarıdır. Sorun değil, küçük bir işaretlemeden korkmuyoruz. Olabildiğince mükemmel hale getirmek için biraz yeniden yazacağız.
Artık ihtiyacımız olan tüm parçalara sahibiz. İşaretlemeyi biz kontrol ediyoruz. CSS'yi sadece bu belirli alan için kontrol ediyoruz. Bununla ilgili sadece birkaç düzeltme ve bu alan için ana içerik alanı yapıldı.
Sonunda, tek tek demo sayfalarına bakıyoruz ve CSS Hilelerinin markalamasının bu sayfalar için de nasıl geçerli olduğunu görüyoruz.