Öne Çıkarılmış Görsel ve Timthumb Kullanımı

Merhaba arkadaşlar.

Aslında birçok yerde anlatımı mevcut olan önce çıkarılmış görsel kullanımını blogumda anlatmak istemiyorum. Yalnız benim kullandığım yöntemin biraz farklı olması ve bir blogcunun benden bu olayı anlatmamı istediğinde böyle bir yazı yazayım dedim.

Öne çıkarılmış görsel nedir biraz ondan bahsedelim. Mesela benim blogumun anasayfasındaki yazıların sol tarafındaki resimler öne çıkarılmış görseldir. Blogumuza yazı eklerken aynı zamanda yazıya bir resim ekleriz ve altta buluna öne çıkarılmış görsel olarak kullan butonu ile yazımıza öne çıkarılmış görsel belirleyebiliriz.

Anlatım

functions.php dosyamızı açıyoruz ve aşağıdaki kodu buluyoruz.

<?php

Hemen bu kodun altına aşağıdaki kodu ekliyoruz.

add_theme_support('post-thumbnails');

Yaptığımız bu işlem sayesinde temamızda öne çıkarılmış görsel kullanımını aktifleştirdik. Eğer bu işlemi yapmasaydık öne çıkarılmış görsel kullanamayacaktık. Yazı eklerken dikkat ederseniz kategori seçiminin altında öne çıkan görsel diye bir yer geldi.

Daha sonra buradan timthumb dosyamızı indiriyoruz. İndirdiğimiz bu dosyayı tema klasörümüzün içine atıyoruz ve bu dosyayı attığımız konumda cache adında bir klasör oluşturuyoruz.

Şimdi de öne çıkarılmış görselin nerede gözükmesini istiyorsak oraya aşağıdaki kodları yazalım.

<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); if ( has_post_thumbnail() ) { ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><img class="left" src="<?php bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo $image_url[0]; ?>&w=125&h=127&zc=1" alt="<?php the_title(); ?>" width="125" height="127" /></a>
<?php } ?>

Yukarıdaki 125 ve 127 değerlerini sizin öne çıkarılmış görselinizin boyutları ne olmasını istiyorsanız ona göre düzeltebilirsiniz.

Şimdi işe biraz aksiyon katalım ve eğer öne çıkarılmış görsel belirlememişsek varsayılan bir resim göstersin bize. Onun için yine öne çıkarılmış görselin gözükmesini istediğimiz yere yukarıdaki kodları değil de aşağıdaki kodları ekleyelim.

<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); if ( has_post_thumbnail() ) { ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><img class="left" src="<?php bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo $image_url[0]; ?>&w=125&h=127&zc=1" alt="<?php the_title(); ?>" width="125" height="127" /></a>
<?php } else { ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><img class="left" src="<?php bloginfo('template_url'); ?>/scripts/timthumb.php?src=VARSAYILAN YAZI RESMİ ADRESİ&w=125&h=127&zc=1" alt="<?php the_title(); ?>" width="125" height="127" /></a>
<?php } ?>

Yine burada düzeltmemiz gereken yerler var. Öncelikle 125 ve 127 değerlerini kendimize göre düzenliyoruz. Sonrasında varsayılan yazı resmi yazan yere öne çıkarılmış görsel kullanmadığımız zaman gözükecek olan resmin adresini yazıyoruz.

Not: Eğer öne çıkarılmış görseller gözükmüyorsa cache klasörünün yazım iznini 777 yapınız.

Benzer Yazılar
Cevap Bırakın

Yorum ( 45 )
  1. Ufuk unsal
    4 Ağustos 2012 - 14:05
    Cevapla
  2. Mustafa
    6 Ağustos 2012 - 12:00
    Cevapla
    • Usluer Yazar
      6 Ağustos 2012 - 12:45
      Cevapla
  3. gribbo
    8 Ağustos 2012 - 22:00
    Cevapla
  4. Emre PİRİNÇCİ
    15 Ağustos 2012 - 16:41
    Cevapla
  5. Halil Arıcı
    9 Eylül 2012 - 22:29
    Cevapla
  6. Kerem
    24 Kasım 2012 - 16:24
    Cevapla
    • Usluer Yazar
      24 Kasım 2012 - 18:15
      Cevapla
  7. Ridvan
    4 Aralık 2012 - 22:52
    Cevapla
    • Usluer Yazar
      5 Aralık 2012 - 00:05
      Cevapla
  8. Barış Ay
    9 Şubat 2013 - 23:46
    Cevapla
    • Usluer Yazar
      9 Şubat 2013 - 23:57
      Cevapla
  9. Ege Sucu
    18 Mart 2013 - 01:49
    Cevapla
  10. Erdi
    12 Mayıs 2013 - 13:17
    Cevapla
    • Usluer Yazar
      12 Mayıs 2013 - 14:38
      Cevapla
  11. fevzi
    28 Mayıs 2013 - 22:40
    Cevapla
    • Usluer Yazar
      29 Mayıs 2013 - 02:33
      Cevapla
  12. Fevzi
    29 Mayıs 2013 - 03:41
    Cevapla
    • Usluer Yazar
      29 Mayıs 2013 - 03:58
      Cevapla
  13. Fevzi
    29 Mayıs 2013 - 15:31
    Cevapla
  14. Fevzi
    29 Mayıs 2013 - 15:33
    Cevapla
    • Usluer Yazar
      29 Mayıs 2013 - 15:59
      Cevapla
  15. yalçın
    13 Haziran 2013 - 14:07
    Cevapla
    • Usluer Yazar
      13 Haziran 2013 - 17:49
      Cevapla
  16. Adem
    13 Haziran 2013 - 15:43
    Cevapla
    • Usluer Yazar
      13 Haziran 2013 - 17:14
      Cevapla
  17. yalçın
    14 Haziran 2013 - 11:32
    Cevapla
  18. barin
    23 Haziran 2013 - 12:12
    Cevapla
    • Usluer Yazar
      23 Haziran 2013 - 12:25
      Cevapla
  19. Arzu
    30 Temmuz 2013 - 16:06
    Cevapla
    • Usluer Yazar
      30 Temmuz 2013 - 16:41
      Cevapla
  20. Gökhan
    30 Temmuz 2013 - 17:37
    Cevapla
  21. kreyzi
    8 Ağustos 2013 - 13:10
    Cevapla
    • Usluer Yazar
      8 Ağustos 2013 - 13:17
      Cevapla
  22. Özgür Görgülü
    9 Eylül 2013 - 02:05
    Cevapla
  23. serhat
    28 Ekim 2013 - 03:42
    Cevapla
  24. Usluer Yazar
    28 Ekim 2013 - 09:11
    Cevapla
  25. Muhammed Kurum
    13 Şubat 2014 - 12:13
    Cevapla
  26. Abdulsamet
    1 Eylül 2014 - 21:32
    Cevapla
  27. Emre
    20 Mart 2015 - 16:42
    Cevapla
  28. Eren Keskin
    21 Haziran 2015 - 15:32
    Cevapla
    • Usluer Yazar
      21 Haziran 2015 - 19:49
      Cevapla
      • Eren Keskin
        21 Haziran 2015 - 19:59
        Cevapla