# 87: Galleri Grid-izing - CSS-tricks

Anonim

Vi har galleriområdet inrättat i WordPress, det spottar ut vad vi behöver för att spotta ut, men det finns nästan ingen styling alls på sidan än.

Vi börjar med att gå över koden i functions.php-filen som ställer in den anpassade inläggstypen som "Screenshots" är byggda från på denna webbplats. Det är lite inblandat, eftersom det inte bara finns en anpassad posttyp och allt anpassat ord och vad som inte hänger samman med det, utan också en anpassad taxonomi och alla anpassade ord för det. Detta är så att jag kan tagga skärmdumpar men inte angripa den globala ”taggar” taxonomin.

För ordens skull bör de grejerna finnas i ett funktionalitetsplugin, inte min functions.php-fil, men jag kommer så småningom till det.

För resten av videon gör vi vad vi har gjort på andra sidor: gå rad för rad genom statisk mockup och flytta relevanta saker till WordPress-mallfilen. Det finns några saker i WordPress-området som vi behåller eftersom vi behöver det senare, som där det matar ut taggar och där varje bild är insvept i en länk istället för en div.