Wordpress Masonry tema kodlama yardım

Merhaba arkadaşlar,

Ben sitem için bir tema kodluyorum fakat masonry kısmında sorun yaşıyorum.

Standart olarak kodladığım sayfamın görüntüsü aşağıdaki gibi,

Ben float left ile birlikte div boyutu belirleyerek bu görüntüye ulaştım. Şimdi bunu masonry ile birbirini tamamlayan divler olarak görüntülemek istiyorum fakat bu konuda anlamadığım bir bölüm var.

İlk olarak header.php dosyasına masonry.js dosyalarını tanımlıyorum.
Daha sonrasında ne yapmam gerektiğini bilemedim, yardım edebilecek birileri varmı ?

masonary nin tanıyacağı class veya id yi tanıtan küçük bi js yazman lazım sayfana. masonary çalışıyodur ama hangi divleri düzenliyceğini bilmeli ve hangi divin içinde düzenleyeceğini.

Örn.:


$('.grid').masonry({
columnWidth: 200,
itemSelector: '.grid-item'
});



.grid classlı divin içindeki .grid-item classına sahip divleri genişlikleri 200px olucak şekilde dizer.

bu kodu eklerken <script></script> tagları arasında header.php dosyamama mı ekleyeceğim ?

Ek Olarak: Tamam gerekli düzenlemeleri yaptım fakat hala birbirini tamamlayan yapıda bir görüntü elde edemedim göz atarmısınız