• Selmanh.com | Selman Halid KAHYA

    Eğer yazıdan faydalandıysanız daha fazla bireyin faydalanabilmesi için lütfen Facebook'ta paylaşın.

    WP Sitenize Thumbnail Eklemek (Özel Alanlar)

    Yo, meraba. Şimdide wordpress kullananlar bilir, örneğin anasayfada konu başlıklarınız var ve altında yazı özeti. Vede bunların yanında konuya uygun bir resim yoksa bu çok üzücü bir durumdur. İşte şimdi bunu anlatmaya çalışacağım, umarım ki faydalı olur. (timthumb scripti kullanıyoruz)

    İlk once thumbnail nedir bilen var bilmeyen var. Thumbnail yazı özetinde ya da yazı sayfasında konu ile ilgili küçük bir resim göstermek adına wordpress özel alan kullanılarak koydugumuz küçük resmin lakabıdır.

    Gerekenler:

    TimThumb Scripti – DOWNLOAD
    Bir adet blog ve siz.

    Başlıyoruz:

    İlk evvel (sanırım yanlış bir kullanım oldu evvel için), WordPress blogunuza admin olarak giriş yapın,
    Görünüm ‘den editöre gelin. Ve thumbnail ‘leri nereye eklemek istiyorsunuz?
    Örneğin kategoriler kısmınamı? Ya da anasayfada yeni yazılan yazılar kısmına?
    Eğer anasayfaya ise index.php yi wp editörü ile açın.

    Şimdi iş azda olsa karmaşıklaşıyor:
    Eğer Thumbnail eklemek istediğiniz sayfada konu yazısı var ise:
    <?php the_content(‘Bu hikayenin devamını oku &raquo;’); ?>

    Eğer Konu yazısının özeti var ise:
    <?php the_excerpt(); ?>

    Kodlarını buluyoruz!
    Buldukmu? Şimdi Aşağıdaki kodumuzu hemen yukardaki kodların üstüne yerleştiriyoruz:
    <?php $values = get_post_custom_values("Image"); if (isset($values[0])) { ?> <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"> <img src="<?php echo bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo get_option('home'); ?>/<?php $values = get_post_custom_values("Image"); echo $values[0]; ?>&w=150&h=150&zc=1&q=100" alt="<?php the_title(); ?>" width="150px" height="150px" /></a> <?php } ?>
    yerleştirdikmi? Şimdi yaptığımız değişiklikleri kaydedip çıkıyoruz.

    Şimdi indirdiğimiz tim.rar dosyasını açıyoruz.
    İçindeki scripts klasörünü temamızın içine atıyoruz.
    (wp-content/themes/(temaadi)/scripts olacak şekilde.)

    Bunu da yaptık mı?

    Şimdi işlem tamamlandı. Panelimizden yeni yazı ekleye basıyoruz.
    Aşağıda göreceğiniz üzre, özel alanlar kısmından yeni girin linkine basıyoruz.

    Yeni girin’ e bastıgımızda, İsim ve Değer kısmı çıkıyor karşımıza.

    Burası önemli!

    İsim: Image (harfi harfine aynı olmalı)
    Değer: Resmin url adresi. (Bu sizin hostunuzda olmalı(!) ve örneğin dosya www.aliveli.com ‘un ana dizininde a.jpg adında ise, değer kısmına yalnızca a.jpg yazıyorsunuz. Ya da aliveli.com/resim/b.jpg ise, değer kısmına yalnızca resim/b.jpg yazıyorsunuz. )

    Özel alan ekle butonuna bastıktan sonra yazıyı yayımlaya basın. Ve thumbnaillerinizin keyfini çıkarın :)

    Sorularınız olursa, yorum bırakmanız yeterlidir, saygılar ve sevgiler.

    Etiketler:, , ,

    27 Yorum

    1. GeciyodumUgradim diyor ki:

      Kardeşim İnan öyLe yararlı BilgiLerki Anlatamam Çok Teşekkür Ederim Ekleyen Ellerine Sağlık.

    2. online diyor ki:

      ilginc bilgiler icin tesekkurler

    3. Selmanh diyor ki:

      pek ilginç sayılmaz ama, önemli değil :)

    4. 3piotik diyor ki:

      поражаюсь как люди умеют так хорошо писать тексты и статьи

    5. Selmanh diyor ki:

      sesin cızırtılı geliyor kaptan.

    6. Krotkii diyor ki:

      полет фантазии надо срочно остановить, а то улетит незнамо куда и не поймаешь :) )

    7. vobsinyalleri diyor ki:

      anlatım için tşk.

    8. rockevi diyor ki:

      ben ekledim fakat şöyle bi sorunum var..

      Konu Başlığı
      Thumbnail
      Konu Yazıları

      Bu şekilde oluyor. Benim istediğim şekil ise aynı sizinki gibi;

      Konu Başlığı

      Thumbnail Konu Yazıları

      Konu Yazıları Konu Yazıları

      Bu şekilde. Umarım anlatabilmişimdir.

    9. galip diyor ki:

      dediğinizi harfiyen yaptım ama resimleri görmüyor. çıkmıyor resimler

    10. Selmanh diyor ki:

      ben mevcut temada kullanıyorum, sorun yok.

    11. Selmanh diyor ki:

      rockevi ne yazıkki anlamadım

    12. mustafa diyor ki:

      aga ya bu yok ise ne yapıyoruz onu belitmemişsin de

    13. tutkudolu diyor ki:

      slm arkadaşlar

    14. Kadim diyor ki:

      Hocam çok güzel bilgiler vermişsin çok teşekkürler…
      ama yukarda vermiş olduğunuz iki kodu da index.php de bulamadım.
      siteme bir bakabilirmisiniz. acil yardım.

      Teşekkürler…

    15. Selmanh diyor ki:

      mail adresimden iletişime geçerseniz ilgilenebiliriz kadim.

    16. Selmanh diyor ki:

      ikinci resime sağ tıklayıp özelliklerden resim yolunu yazabilirmisiniz

    17. Selmanh diyor ki:

      ikinci attığınız ss ‘de çıkmayan resime sağ tık – özelliklerde resim yolunu yazabilirmisiniz?

    18. Selmanh diyor ki:

      1. ss deki değer kısmına
      http://x.com/wp-content/uploads/2011/02/sonun_sonrasi_2010_11_10_0.jpg

      şeklinde tam yolu yazmayı denermisin.

    19. serdar diyor ki:

      Tamam oldu scripts ve cache dosyalarını izinlerini 777 yaptım oldu teşekkürler.

    20. haber diyor ki:

      teşekkürler hocam. yararlı bilgi

    21. 40ayak diyor ki:

      Eyw hoca, tşk ettik

    22. Golgesiz Bilisim diyor ki:

      Güzel bir paylasim olmus.. Emeqine Saqlik Kardesim..

    23. asım diyor ki:

      Uzun süredir merak ettiğim ve çok lazım bir meseleydi. Çok yardımcı oldu. Ellerin dert görmesin…

    24. sağlık diyor ki:

      yararlı bilgiler icin tesekkurler aradigim bir konuydu



    Yorum Bırak


    wait
    wait