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…

Yazar Hakkında
zikoroya
Diğer Yazılarım: zikoroya

    Benzer yazılar

    • Wordpress CAPTCHA

      WordPress Captcha

      Wordpress uzantılı site sahiplerinin yararlanabileceği önemli Wordpress eklentilerinden birisi de Güvenlik doğrulama olarak Türkçeye çevirebileceğimiz, WordPress Captcha (Really Simple Captcha) ...

    • Wordpress Sosyal Medya Eklentisi

      WordPress Sosyal Medya Eklentisi

                   WordPress tabanlı bir blog yada siteye sahipseniz, en çok kullanılan Wordpress Eklentileri arasında yer alan  Wordpress Sosyal Medya Eklentisi "sociable" sayesinde ...

    • Wordpress Zengin Yazı Editörü

      WordPress Zengin Yazı Editörü

      En iyi WordPress Eklentileri içerisinde yeri olan WordPress Zengin Yazı Editörü eklentisi sayesinde yazılarınıza, yüz ifadeleri, üstlü sayılar, tablolar, yeni sayfalar, tarih, saat ...

    • Wordpress Benzer Yazılar Eklentisi

      WordPress Benzer Yazılar Eklentisi

      WordPress Eklentilerinin en popülerlerinden biri olan Wordpress Benzer Yazılar Eklentisi, ziyaretçilerinizin sitenizde daha uzun süre kalmasını sağlayacak en kolay yolu ...

    • WP e-Commerce

      WordPress e-Ticaret Eklentisi

      WordPress e-Ticaret Eklentisi Kullanımı ve Özellikleri Wordpress e -Ticaret Eklentisi (WP e-Commerce) Wordpress En Çok Kullanılan Eklentiler  kategorisinde 15. sıradadır. Online ürün ...

9 Yorum

  1. Murat dedi ki:

    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. zerkaya dedi ki:

    @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. zerkaya dedi ki:

    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. zerkaya dedi ki:

    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. devrekli dedi ki:

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

  6. devrekli dedi ki:

    kodun bazı kısımları burada eksik çıkıyor hocam bilgine.

    • zerkaya dedi ki:

      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

  7. ömer yarsen dedi ki:

    Yardımlarınız için teşekkür ederim

  8. Sanane dedi ki:

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

zikoroya
bg
Uyarı: zerkaya.com Üye ve Kullanıcıları, üçüncü kişilerin telif hakkı sahibi olduğu bütün fikri eser ve benzeri materyal ve makaleleri yayınlayamazlar. zerkaya.com Üye ve Kullanıcılarının, üçüncü kişilerin telif hakkına sahip olduğu materyal ve benzeri makaleleri yayınlamaları durumlarında, bütün hukuki ve cezai sorumluluk kendilerine ait olduğunu bildiririz. Yayınlaması uygunolmayan yada telif hakkı ihlali olduğu ispatlanan içerikler, iletişim sayfasından bildirilmelesinin ardından yayından kaldırılacaktır. Kullanım Koşulları ve Gizlilik Bildirimi için tıklayınız.