Blog > Wordpress > WP Thumb Rehberi

WP Thumb Rehberi

Beyazıt tarafından 1 Şubat 2010 tarihinde yazılmıştır.
wordpress-logo

Bugün kaynak bulamadığımdan tekrar yazmak zorunda kaldım kodları :) Buraya yazıyım da lazım oluyor bazen..

WordPress Klasik Thumb Kullanımı:

<?php echo get_post_meta($post->ID, 'thumb', true); ?>

Bu kod sayesinde özel alanlara girdiğimiz “thumb” kodu sayesinde küçük resimlerimizi çekebiliriz..

WordPress Yeni Thumb Kullanımı:

<?php the_post_thumbnail('thumbnail'); ?>

Bu kodun ayrıntılı kullanımını burada anlatmıştım..

Eğer Resim Yoksa Thumb Yerine Default Resim: (Yeni özellik) (2.9 ve Üstü Sürümler İçin)

<?php
 if ( has_post_thumbnail() )
 the_post_thumbnail( 'thumbnail' );
 else
 echo '<img alt="" src="<?php bloginfo('template_url'); ?>/resimyoksa.png" />';
?>

Tema dizininize resimyoksa.php adında klasik thumb boyutunda bir resim atın..Eğer o alanda resim eklenmemişse bu resim çıkacaktır.

Eğer resim yoksa Thumb yerine default resim (Eski Thumb Sistemi) (2.9 Altı İçin)

Bu konuyu burada anlatmıştım..

Timthumb Sayesinde resimleri küçültmek

<?php bloginfo('template_url'); ?>

bu kod sayesinde tema dizini çekildiğine göre

<?php bloginfo('template_url'); ?>/timthumb.php

dosyasına ulaşırız..Timthumb da işlem mantığı

<img src="<?php bloginfo('template_url'); ?>/timthumb.php?src=<?php echo get_post_meta($post->ID, 'thumb', true); ?>&w=100&h=75&zc=1" alt=""  />

Bu şekildedir..Buradaki timthumb anlatımıma bakabilirsiniz.Unutmayın “cache” adında timthumbla aynı klasörde bi alt klasör oluşturup permlerine yani yazma izinlerine 777 vermeniz gerekmektedir..Yanlız resimler hostunuzda olması gereklidir..

Alternatif Thumb Alma Yöntemleri:

Verdiğiniz bir site adresini veya dizin temalarında verdiğiniz adresinin küçük resmini göstermek..

Thumbshot‘un kodunu kullanarak yapalım..

<img src="http://open.thumbshots.org/image.pxf?url=http://www.anarschi.com" alt="Anarschi.com" />

Anarschi.com

Şeklinde bir resim eklersek bizim sitemizin ekran görüntüsünün küçük halini vericektir..

Tıpkı soldaki resim gibi..

Bunu özel alan kullanarak çağırmak için;
sitelinki” adında bir özel alan oluşturup;

<img src="http://open.thumbshots.org/image.pxf?url=<?php echo get_post_meta($post->ID, 'sitelinki', true); ?>" />

şeklinde çağırabiliriz..

ÖNEMLİ NOTLAR:

  • Thumb kodunuzun ne olduğunu bilmiyorsanız temanızın içindeki readme.html/txt gibi dosyalara bakıp inceleyiniz..Genellikle koyu renkle yazılan kodlar olup çoğunlukla “Thumb” veya “Thumbnail” olarak kullanılır.
  • Temanızda eğer kodunuz doğru olduğu halde resim çıkmıyorsa tema klasörünüzde cache vs gibi bir klasör vardır..O klasöre yazma izni vermeniz gereklidir..(Timthumb,phpthumb gibi scriptler yüzünden)
  • Thumblarınızı opacity kodu sayesinde efekt verebilirsiniz..
  • Elle küçültme yapmayın yani widht-height değerlerini css le ekleyerek aşırı derecede cpu kasarsınız..Bu tek bunun için değil diğer tüm resimler içinde geçerlidir.

Hep lazım oluyor bende bulamıyorum bir türlü bu kodları :) Topladım bi kenara ekledim sık kullanılanlara :)

Kolay gelsin.

215 gün önce yazılmıştır.
"WP Thumb Rehberi" bu yazı 1 Şubat 2010 tarihinde saat 02:43 sularında "Wordpress" kategorisinde yayınlanmış olup "Beyazıt" tarafından yazıldığı sanılmaktadır..Ve sayaçların yaptığı açıklamaya göre 961 kere okunduğu söylenmektedir..Ayrıca 1 Yorum Yazılmıştır
Yorum Sayfaları:
  1. Gürhan diyor ki:

    Beyazıt kardeş özel alan olarak iletişim bilgisi eklemek istiyorum. Bu konuda yardımcı olurmusun.

Bu Yazı Hakkında Birşeyler Demek İstermisiniz?





2007-2010 © Anarschi.Com | anarşik çocuk

Site içerisindeki yazılar izinsiz kopyalanamaz,çoğaltılamaz.

Kullanım Koşulları | İletişim

Alt Yapı: Wordpress Hosting Sponsoru: WebGrup

CSS-XHTML-WP: Anarşik Çocuk

"Teknoloji ve Hayat'a Dair istinaden yorumlar."