Σε αυτό το σενάριο θα δουλέψουμε στην περιοχή "Demos" του CSS-Tricks. Είναι μια αρκετά δημοφιλής περιοχή του ιστότοπου, παρά το γεγονός ότι δεν έχω τόσο πολύ χρόνο σε αυτόν όσο θα έπρεπε. Το σημείο είναι ένα μέρος στον ιστότοπο με ένα πλήθος επιδείξεων με δυνατότητα λήψης και προβολής σε ένα μέρος - οπότε είναι πολύ εύκολο να κάνετε κύλιση και περιήγηση και να βρείτε κομμάτια που μπορεί να σας ενδιαφέρουν και τα έργα σας.
Στη δομή, μοιάζει πολύ με την περιοχή των βίντεο. Κάθε επίδειξη έχει έναν τίτλο και μια σύντομη περιγραφή και μερικά κουμπιά, όπως κάθε βίντεο. Έτσι θα μοντελοποιήσουμε τη διάταξη όπως κάναμε και στην περιοχή των βίντεο. Ωστόσο, σε αντίθεση με την περιοχή των βίντεο, δεν μπορούμε να καταργήσουμε το χειροποίητο HTML και να το αντικαταστήσουμε με ένα βρόχο WordPress. Αυτό συμβαίνει επειδή κάθε επίδειξη δεν ζει μέσα στο WordPress, είναι ανεξάρτητα. Δεν είναι όμως εντάξει, δεν φοβόμαστε μια μικρή σήμανση. Θα το ξαναγράψουμε λίγο για να το κάνουμε όσο πιο τέλειο μπορεί.
Τώρα έχουμε όλα τα κομμάτια στη θέση τους όπως χρειαζόμαστε. Ελέγχουμε τη σήμανση. Ελέγχουμε το CSS μόνο για τη συγκεκριμένη περιοχή. Έχουν γίνει μόνο λίγα πράγματα με αυτό και η κύρια περιοχή περιεχομένου για αυτήν την περιοχή.
Στο τέλος εξετάζουμε μεμονωμένες σελίδες επίδειξης και βλέπουμε πώς ισχύει η επωνυμία των CSS-Tricks και σε αυτές τις σελίδες.