Merhaba Arkadaşlar…

WORDPRESS 3’Ü BİR ARADA
wordpress resimli benzer yazilar

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…

[/cc]

    • 3-6 Satırları arasında ki kod sayesinde query ile Rasgele Yazıları çekmek için komut veriyoruz. orderby=rand&showposts=5kodu 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…

Sohbete katılın

9 yorum

  1. 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..

  2. @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

  3. 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

    < ?php $my_query = new WP_Query('cat=3040&orderby=rand&showposts=5'); while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
    ?>
    “>< ?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(50,80), array('class' => ‘thumbnail’)); } ?>

    < ?php } ?>

  4. 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…
    < ?php $my_query = new WP_Query('orderby=rand&showposts=5'); while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
    ?>

    < ?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(70,100), array('class' => ‘fb_image’)); } else { ?>
    < img src="/img/resimyoksa.png” alt=”< ?php the_title(); ?>” title=”< ?php the_title(); ?>” width=”100px” height=”70px” class=”fb_image”/>
    < ?php } ?>

    < ?php endwhile; ?>

  5. 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”/>

    1. 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

  6. Ulan gerizekalı kod veriyosun madem css kodlarını da paylaş ki millet istifade etsin, vereceğin kodları sikeyim, ben gidiyorum..

Yorum Gönderin

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir