Merhaba Arkadaşlar…
WORDPRESS 3’Ü BİR ARADA
Bu makalemde sizlere WordPress için çok aranılan bir kod olan Resimli Rasgele Yazılar kodunu anlatacağım. Aslında her gerekli kod için bunun da eklentileri var ama bazı wordpress kullanıcıları eklenti yerine kod kullanmayı tercih ediyor.
Bu kod sayesinde sadece ufak bir bir kod değişikliği ile Resimli Rastgele Yazılar, Resimli Son Yazılar ve herhangi bir kategoriden son yazıları veya rastgele yazıları çekebilirsiniz. İşte çok fonksiyonlu bu kodun adını ben “WordPress 3’ü bir arada” yada in english “wordpress 3 in 1” olarak belirledim.
Şimdi size kodları ve satır satır açıklamalarını yapacam.
[cc lang=”php”]
İlginizi Çekebilir…
have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
?>
‘fb_image’)); } else { ?>
/images/resimyoksa.png” alt=”” title=”” width=”100px” height=”70px” class=”fb_image”/>
[/cc]
- 3-6 Satırları arasında ki kod sayesinde query ile Rasgele Yazıları çekmek için komut veriyoruz. “orderby=rand&showposts=5” kodu rasgele olarak 5 yazı çekmemizi sağlıyor. “5” çekilecek yazı sayısını “rand” yazıların rasgele çekilmesini sağlar.
-Eğer “rand” yerine “comment_count” yazarsak en çok yorum yapılan yazıyı getirir.
-Eğer “rand” yerine “new” yazarsak en son 5 makaleyi gösterir.
-Eğer “orderby=rand&showposts=5” koduna birde “cat=10” (’10’ kategori ‘id’ numarasını ifade eder.) kodunu eklersek “cat=10&orderby=rand&showposts=5” o zaman kategori numarası ’10‘ olan kategorinin 5 tane makalesini rastgele görüntüler. İsterseniz “rand” yerine “new” yazıp bunu son 5 yazı yapabilirsiniz.
- 7-11 Satırları arasındaki kod sayesinde makalenin resmini çekiyoruz. Resmin classs sınıfının adı “rasgele_image“. style.css dosyası içerisinde bu sınıfa değer vererek şekillendirebilirsiniz. array(50,80) resmin en ve boyunu belirler. Eğer makalenizde öne çıkarılmış resim yoksa, temanızın klasründe bulunan images dosyasından “resimyoksa.png” isimli resmi gösterir.
- 13. Satırdaki kod sayesinde ‘20‘ karekterlik yazı başlığını çekiyoruz. 20 sayısını değiştirerek başlık uzunluğunda değişiklik yapabilirsiniz.
- 14. Satırdaki kod yazı içeriğinin özetini göstermektedir. Özetin uzunluğu 10 kelime olarak belirtilmiştir. Değişiklik yapabilirsiniz.
Eğer temanızda jquary desteklenmiyorsa bu script çalışmaz. O zaman alttaki kodu header.php sayfanızın içerisine </head> tagında önce yapıştırın.
[cc lang=”php”]
[/cc]
Karşılaşacağınız sorunları yorum olarak bırakın. Hepsi bu kadar…
Hocam merhabalar,
kodları ben header da göstermek istiyorum, ama yukarıdan aşağıya doğru sıralanıyo ben yan yana istiyorum, header da göstericem bunu nasıl yapabilirim ? yardımcı olursanız sevinirim..
@Murat;
Değerli kardeşim senin istediğin durum css ile yapılır.
Div’lerin özelliğini Float:left; olarak ayarlarsan sanırsam sorun kalmaz.
İyi Çalışmalar
merhaba hocam, şu kodda değişiklikler yapmaya çalıştım ama yapamadım. yardımcı olabilir misin?
Benim istediğim, title veya expert olmadan resimleri yani thumları göstermek. resime link verip, resme tıklayarak konuya girmesini sağlamak. şu şekilde yaptım ama kod hata veriyor. nasıl yapabiliriz? teşekkürler
have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
?>
“> ‘thumbnail’)); } ?>
Aşağıdaki kodu aynen yapıştırırsan olur. “fb_image” adında bir class aç css dosyasında. bunun sayesinde resimi şekillendirebilirsin.
Takıldığın yerde konunun altına yorum bırakırsan sevinirim. Bu sayede ziyaretçilerde faydalanır.
Kolay gelsin…
have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
?>
‘fb_image’)); } else { ?>
< img src="/img/resimyoksa.png” alt=”” title=”” width=”100px” height=”70px” class=”fb_image”/>
Merhaba, şu şekilde kodu denediğimde resimsiz sadece text olarak title geliyor. önce parantez hatası verdi sonra resimsiz gelmeye başladı. zaten benim özel alan ifademi nereye yazıyoruz ki hocam? ben resimleri “kucukresim” ifadesi ile ekliyorum ama bu kodda onu nereye yazacağımı bulamadım.
ayrıca bana sade bir kod lazım, expert, title olmadan, sadece resim görülecek ve resime tıklanıp konuya gidecek şekilde nasıl yapabiliriz? css bile gerekmiyor hocam, resim büyüklugunu ayarlasam yeter.zaten kod içersinde o da var. son olarak resimyoksa.png satırına gerek var mı? kod zaten thumbnail olan yazılarda göstermiyor mu? thumb olmayanları çekmez gibi geldi de. çekmese daha iyi hani 🙂 teşekkürler
kodun son hali
have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
?>
‘fb_image’)); } else { ?>
<img src="/img/resimyoksa.png” alt=”” title=”” width=”100px” height=”70px” class=”fb_image”/>
kodun bazı kısımları burada eksik çıkıyor hocam bilgine.
Sana yukarıdaki gönderdiğim kodu aynen denediysen olması lazım. Eğer konu ile ilgili resim yoksa img klasöründen resimyoksa.jpg gözükür. öne çıkarılmış resim özelliği varsa sorun olmaması lazım
Yardımlarınız için teşekkür ederim
Ulan gerizekalı kod veriyosun madem css kodlarını da paylaş ki millet istifade etsin, vereceğin kodları sikeyim, ben gidiyorum..