# 87: Siatka galerii - CSS-Tricks

Anonim

Mamy obszar galerii skonfigurowany w WordPressie, który wypluwa to, czego potrzebujemy, aby wypluć, ale na stronie nie ma jeszcze prawie żadnego stylu.

Zaczynamy od przejrzenia kodu w pliku functions.php, który określa niestandardowy typ postu, na podstawie którego tworzone są „Zrzuty ekranu” w tej witrynie. Jest to trochę skomplikowane, ponieważ nie ma tylko niestandardowego typu posta i wszystkich niestandardowych słówek i innych rzeczy z tym związanych, ale także niestandardowej taksonomii i całego niestandardowego słownictwa. Dzieje się tak, aby móc tagować zrzuty ekranu, ale nie infekować globalnej taksonomii „tagów”.

Dla przypomnienia, te rzeczy powinny znajdować się we wtyczce funkcjonalności, a nie w moim pliku functions.php, ale w końcu do tego dojdę.

W pozostałej części filmu robimy to, co robiliśmy na innych stronach: przechodzimy wiersz po wierszu przez statyczną makietę i przenosimy odpowiednie rzeczy do pliku szablonu WordPress. W obszarze WordPress jest kilka rzeczy, które przechowujemy, ponieważ będziemy ich potrzebować później, na przykład miejsce, w którym wyprowadza tagi i gdzie każdy obraz jest zawinięty w łącze zamiast w div.