WordPress'te Öne Çıkan Görsel Nasıl Yapılır | Resimli Anlatım Versiyon 2.10

  1. Anasayfa
  2. Blog
  3. Yazı
soulmy WordPress 29.Eki.2012 104 görüntülenme 17 yorum

Öne çıkan görseller temamıza güzel bir görsellik katabilir. Eğer temanız bunu desteklemiyorsa, bu özelliği kendiniz de ekleyebiliriz. smile smiley

Aşağıdaki kodlar functions.php dosyasına yazılacak ama bunun öncesinde kodları kendinize göre düzenlemeniz gerekiyor. Bu yüzden kodların altındaki açıklamaları lütfen okuyun.

add_theme_support( "post-thumbnails" );
set_post_thumbnail_size( $width, $height, $crop );

Şimdi bu kodları hemen açıklayayım:

1. Satırdaki kod

Bu kodu yazdığınızda öne çıkan görsel, hem yazılarınızda (post) hem de sayfalarınızda (page) aktif olacaktır. Sadece yazılarda kullanmak istiyorsanız,

add_theme_support( "post-thumbnails", array( "post" ) );

kodunu yazın. Sadece sayfalarda kullanmak istiyorsanız,

add_theme_support( "post-thumbnails", array( "page" ) );

kodunu yazın. add_theme_support ile ilgili ayrıntılı bilgiye bu bağlantıdan ulaşabilirsiniz.

2. Satırdaki kod

Bu satırdaki değişkenlerin açıklamalarını aşağıda belirttim.

  • $width (integer): Resmin genişlik değerini yazın. (Sadece sayı yazılacak.)
  • $height (integer): Resmin yükseklik değerini yazın. (Sadece sayı yazılacak.)
  • $crop (boolean): Buraya true veya false yazın. true yapıldığı taktirde; eklenen resim belirtilen ebatlardan büyükse kırpma yapılacağı anlamına geliyor. false ise kırpma yapılmayacağı anlamına geliyor.

$crop değerine ne yazılacağını daha iyi anlamak için resimlere göz atabilirsiniz.

Resmin upload edilmeden önceki orijinal hali buydu.

demo

set_post_thumbnail_size( 180, 160, true); yapınca böyle gözükecek.

demo true

set_post_thumbnail_size( 180, 160, false ); yapınca böyle gözükecek.

demo false

  • İlk örnek, resmin upload edilmeden önceki hali.
  • 2. örnekte true yaptığımız için resim sağdan ve soldan bir miktar kırpılmış.
  • Son örnekte ise false yaptığımız için resim kırpma yapılmadan sadece ebatları küçültmüş.

Aşağıdaki kodları ise öne çıkan görselin nerede görünmesini istiyorsanız oraya yazın.

<a href="<?php the_permalink() ?>" ><?php the_post_thumbnail(); ?></a>

Takıldığınız bir yer olursa konu altına yazabilirsiniz.

Yorumlar

Mehmet
peki teşekkürler.
Yanıtla
Mehmet
Merhabalar, yoo theme vox tema kullanıyorum. Set featured image kısmı post sayfasında ve screen options kısmında maalesef görünmüyor. Başlangıçta böyle bir sorun yoktu. Eklentilerden mi oldu anlayamadım. Çaresiz her şeyi sildim, wordpress mu yu yeni database'e sil baştan kurdum Ancak sorun yine de devam ediyor. Bununla birlikte aynı tema farklı web sayfamda ve aynı sunucuda olduğu halde Set featured image çalışıyor. Yukarıda verdiğiniz kodu functions.php ye eklemek istedim ancak temada bu sayfa da yok. 2 gündür buna uğraşıyorum saat sabahın 6 sı ve hala uyuyamadım. Yardımcı olursanız çok sevinirim.
Yanıtla
soulmy
functions.php dosyası temanızda yoksa, kendiniz oluşturabilirsiniz.
Mehmet
Çok teşekkürler. Kod çalıştı. Fakat bir sorunumuz daha var. recent post slider eklentisinde fotoğraflar görünmüyor. halbuki ayarlarını resimleri gösterecek şekilde yapmıştık. Sorun nereden kaynaklanıyor olabilir? Yada sizin önerebileceğiniz, son yazıları otomatik ekleyecek bir manşet slayder eklentisi var mı? Wordpress mu kullanıyoruz.
soulmy
Rica ederim.

O eklentiyi hiç kullanmadım. Bu yüzden yardımcı olamayacağım.
hakan
tşk ederim oldu yorumlarımı yayınlamayabilirsiniz
Yanıtla
soulmy
Rica ederim. Ne demek wink smiley
soulmy
Temanızı zipleyip gönderin, akşama bir bakayım.
Yanıtla
hakan
<img width="100" height="100" alt="" src="ID, "resim", true); ?>" />
bu kodun içine koyabilirmiyim tam olarak yerleşmiyor dagılıyor resim ile konu
Yanıtla
hakan
Adminde resmi öne çıktı, resim ekliyorum. Yazı eklede görünüyor, her şey normal ama index bu gözükmüyor. Acaba neyden dolayı olabilir? Dediklerinizin hepsini yaptım, rica etsem yardım eder misiniz?
Yanıtla
soulmy
<a href="<?php the_permalink() ?>" ><?php the_post_thumbnail(); ?></a>

bu kodu temanıza eklediyseniz, çıkması lazım.
hakan
Ekledim malesef calışmıyor css ye bir şey eklemem gerekiyormu ?
yada başka bi şey anlamadım olmuyor..sad smiley
mustafa
Ben bu işleri anlamıyorum, ne yaptımsa bu siteye cıkartamadım http://www.ikincielesyaalanlar.net
Yanıtla
soulmy
İletişimden mesaj atın. Uygun bir ücretle bi bakarım, istersen.
soulmy
set_post_thumbnail_size( 180, 160, false );

Eklemen gereken kod bu.
Yanıtla
murat
Hocam yani false yapmak istiyorum.
Yanıtla
murat
Hocam bende bu hata verdi yani bu kod
<a href="" >
bir kırparak veriyor birde kırpmadan veriyor. Ben istiyorum ki tam sayfa nasıl yüklediysem o seklinde istiyorum.
Yanıtla

Kategoriler

Benzer Yazılar