WordPress Resimli Son Yazılar Bileşeni Yapımı

Merhaba arkadaşlar bugün sizlere baharat v1 temasının yapımı sırasında araştırdığım ve yapımını öğrendiğim wordpress resimli son yazılar bileşeni yapımını anlatacağım.Öncelikle son yazılar bileşeni ne işimize yarar bundan bahsedeyim , özellikle tek konu üzerine kurulu sitelerde ziyaretçiler arama motorları üzerinden geleceğinden sitenizde ki daha güncel son yazıları göremeyeceklerdir.Bizde bu durumu önlemek için bugüne kadar sidebarın uygun bir yerine son yazılar bileşenini koyardık fakat zamanla anladığım ve istatistikler ile desteklediğim fikrim sayesinde WordPress'in bize sunduğu son yazılar bileşeninin sadece yazıdan ibaret olduğu için fazla dikkat çekmediğini bunun yerine daha görsel bir bileşen kullanmam gerektiğini anladım.Bu yüzden bende son yazıları gösterebileceğim daha görsel ve ayrıntılı bir bileşen aramaya başladım.Başlangıç için baharat v1 temasında kullanmakta olduğum şekilde bir bileşen yaptım fakat bu bileşeni biraz daha geliştirdim ve ilerleyen temalarımda kullanmayı düşünüyorum.Aşağıda vereceğim kod sayesinde görsel bir son yazılar bileşeni ortaya çıkacaktır başlangıç için bileşende sadece konunun öne çıkarılmış görseli ve konu başlığı yer alıyor.Ben size isteğinize göre bunlara ek olarak konunun okunma sayısı , konuya yapılan yorum sayısı veya konunun kategorisi gibi eklemeler yapmanızı öneririm.

$the_query = new WP_Query('showposts=5&orderby=post_date&order=desc');
while ($the_query->have_posts()) : $the_query->the_post(); ?>

Yukarıda ki kod sayesinde son yazılarınızı resimli olarak gösterebileceksiniz.Kodu geliştirmek ve görselleştirmek size kalmış.Baharat v1 temasını kullanan arkadaşlarımız zaten bu bileşenden faydalanabiliyorlar kullanmayan arkadaşlar ise yukarıda ki kodu kullanabilirler.Benim verdiğim class değerlerine CSS ile özellikler eklerseniz istediğiniz görünümü elde edebilirsiniz.İsteyen arkadaşlarımız Baharat v1 temasını indirerek bu classların CSS özelliklerine bakabilirler.

Kaynak : WordPress Resimli Son Yazılar Bileşeni Yapımı

Hocam size bu konuyla ilgili mail attım, ayrıca kodları nereye ekleyeceğimizi söylermisiniz