KOZAN HABER SİTESİNE VE KUYTUCAK KÖYÜNE HOŞ GELDİNİZ -

Thumbnail WordPress Yazı Resmi Özelliği

Thumbnail WordPress Yazı Resmi Özelliği

  • 17.11.2014
  • 1.506 kez okundu

Thumbnail WordPress Yazı Resmi Özelliği

Thumbnail WordPress Yazı Resmi Özelliği

Günümüzün en popüler günlük (blog) yazılımı WordPress, her güncelleştirmesinde bir çok eksiğini kapatmakta ve yeni özellikler ile karşımıza çıkmakta. WordPress 2.9 sürümünden itibaren kullanımımıza sunulan bir özellik de Yazı Resmi (Thumbnail) özelliği. Bu özellik sayesinde her yazımıza bir resim atayabilir ve ister yazılarımızın içinde, isterse temamızın herhangi bir yerinde (kendi yazacağımız döngülerde) bu resimleri kullanabiliriz. Görsel ile göstermek gerekirse yazılarımıza aynı aşağıdaki gibi resimler ekleyebiliriz. ( kuytucakkoyu.com‘dan bir görüntüdür. )

Aslında yazılarınıza nasıl standart resim atayabileceğinizi Her Yazım Resimli Olsun Diyorsanız! başlıklı yazımda detaylı olarak anlatmıştım. Tabi o zamanlarda bu işlemi Özel Alan (Custom Field) kullanarak yapmayı göstermiştim, şimdi ise WordPress bize tüm imkânı sağlıyor. Gelin şimdi Yazı Resmi özelliği ile yazılarımıza nasıl görsel atayabileceğimizi görelim. Konuyu aşağıdaki başlıklar altında ele alacağım.

  • Temamıza Yazı Resmi Özelliği Kazandırmak
  • Yazı Resmi Boyutlarını Belirlemek
  • Yazılara Resim Belirleme
  • Temada Yazı Resmini Görsterme
  • Kısıtlamalar
  • Sonuç
  • Kaynaklar

Temamıza Yazı Resmi Özelliği Kazandırmak

Bu özelliği kullanabilmek için temamıza bunu tanımlamamız, diğer bir deyişle temamıza bu özelliği kazandırmamız lazım. Bunun için de tek yapmamız gereken temamızın functions.php dosyasına aşağıdaki kodu girmek.

1
<?php add_theme_support( 'post-thumbnails' ); ?>

Bu kod hem yazılar (post) hem de sayfalar (page) için bu özelliği aktif hale getirir. Eğer sadece yazıları veya sadece sayfaları hedef almak istiyorsanı aşağıdaki iki satırdan dilediğinizi kullanabilirsiniz.

1
2
3
4
5
6
7
<?php
//Sadece yazılara Yazı Resmi özelliği kazandırmak
add_theme_support( 'post-thumbnails', array( 'post' ) );
//Sadece sayfalara Yazı Resmi özelliği kazandırmak
add_theme_support( 'post-thumbnails', array( 'page' ) );
?>

Temamıza bu özelliği kazandırdıktan sonra yönetim panelinde, yazı alanının sağ tarafında, (muhtemelen kategori kutusunun altında) “Öne çıkan görsel” başlıklı şöyle bir kutu ortaya çıkacaktır. Eğer bu kutuyu görüyorsanız artık temanız için Yazı Resmi özelliği aktif demektir.

Wordpress Yazı Resmi (Thumbnail) Özelliği

Yazı Resmi Boyutlarını Belirlemek

Yazılarımızda görünecek olan resmin boyutunu da bu özellik sayesinde belirleyebiliyoruz ama bu aşamada, kullanılacak resimleri boyutlandırma konusunda bir seçim yapmak zorundayız. Yüklenen resimler belirlediğimiz genişlik ve yükseklik rakamlarını aşmayacak oranda mı küçültülecek yoksa verdiğimiz rakamlara tam olarak uyacak şekilde mi küçültülerek kırpılacak. Eğer ilk söylediğim gibi sadece oran olarak küçültülmesini istiyorsak, temamızın yine functions.php dosyasına önceki kodumuzun altına şu satırı eklemeliyiz.

1
2
3
4
5
6
7
<?php
// Yazı Resmi desteği kazandırma kodu
add_theme_support( 'post-thumbnails');
// Resmi 120px genişlik ve 120px yüksekliği aşmayacak "oranda" küçült
set_post_thumbnail_size( 120, 120 );
?>

Oran olarak değil de tam olarak belirli genişlik ve yüksekliğe göre küçültülmesini ve kırpılmasını istiyorsak ise aşağıdaki kodu kullanabiliriz.

1
2
3
4
5
6
7
<?php
// Yazı Resmi desteği kazandırma kodu
add_theme_support( 'post-thumbnails');
// Resmi tam olarak 120px genişlik ve 120px yükseklikte küçült ve kırp
set_post_thumbnail_size( 120, 120, true );
?>

Diyelim ki anasayfada 120×120 piksel büyüklüğünde bir resim kullanmak isterken yazıya girildiğine 400×300 piksel büyüklüğünde bir resim görünsün istiyoruz. Bunun için de kodumuza şöyle ufak bir ekleme yapıyoruz.

1
2
3
4
5
6
7
8
9
10
<?php
// Yazı Resmi desteği kazandırma kodu
add_theme_support( 'post-thumbnails');
// Resmi tam olarak 120px genişlik ve 120px yükseklikte küçült ve kırp
set_post_thumbnail_size( 120, 120, true );
//Yazı içindeki resim boyutu
add_image_size( 'single-post-thumbnail', 400, 300 );
?>

Not: Biraz ileri bir detay olacak ama söylemeden de geçmeyelim. Kodlarda görmüş olduğunuz set_post_thumbnail_size() fonksiyonunun işlevi aslında add_image_size( ‘post-thumbnail’ ) fonksiyonunu çağırmaktır. Gördüğünüz gibi post-thumbnail ile anasayfada küçük resimleri gösterirken single-post-thumbnail ile yazı içindeki büyüklüğü belirtiyoruz.

Yazılara Resim Belirleme

Temamıza Yazı Resmi desteği kazandırdık ve bu resmin boyutlarını da yazdığımız kod ile belirledik. Sıra geldi uygulamaya. Şimdi örnek bir yazı yazıyoruz ve yazı panelindeki resim yükleme bölümünden resmimizi yüklüyoruz. Buraya kadar her şey normal. Bundan sonra ise resmin detaylarında, en alttaki şu bağlantıya dikkat edelim, 2.9 sürümünden önce bu bağlantı yoktu 😉 Bu bağlantıya tıkladıktan sonra kısa bir işlem yapılır ve Yazı Resmi artık belirttiğiniz boyutlarda oluşturulmuş olur.

Wordpress Yazı Resmi (Thumbnail) Özelliği

Temada Yazı Resmini Gösterme

Temamıza Yazı Resmi desteği kazandırdıktan ve yazımıza bir resim belirledikten sonra sıra geldi temamızda bu resmi görüntülemeye. Bunun için de tek yapmamız gereken aşağıdaki kodu temamızın index.php, single.php gibi yazılarımızı gösterdiğimiz sayfalardaki döngüler içinde kullanmak.

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
if ( has_post_thumbnail() ) {
   
   // Eğer bir resim atanmışsa bu resmi göster
   the_post_thumbnail();
} else {
   // Eğer bir resim atanmamışsa standart bir resim göster
   <img src="resim.jpg" alt="resim" />
}
?>

Bir de döngü içinde nasıl kullanıldığını görelim.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>   
      
      <h2><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
      
      <?php
         if ( has_post_thumbnail() ) {
            
            // Eğer bir resim atanmışsa bu resmi göster
            the_post_thumbnail();
         } else {
            // Eğer bir resim atanmamışsa standart bir resim göster
            <img src="resim.jpg" alt="resim" />
         }
      ?>
      
      <?php the_content('devamını okuyun &raquo;'); ?>
   
   <?php endwhile; ?>
<?php endif; ?>

Kısıtlamalar

WordPress Yazı Resmi özelliğinin bir kısıtlaması (eksiği) var. Malesef bu özelliği yazıya Adresten eklenen resimlerde kullanamıyorsunuz. Sadece Wodpress’in yazı yazma alanındaki kendi resim yükleme sistemini kullanarak bilgisayardan yüklediğiniz görsellerde çalışıyor.

Sonuç

Günümüzde gerek kendi kullanımımız için, gerekse müşterilerimiz için site hazırlarken en kolay kullanıma sahip sistemleri düşünür, ona göre adımlarımızı atarız. WordPress altyapısını kullanırken her yazıya standart bir resim atama işlemi de günümüzün en çok tutulan uygulamalarından oldu. Bu yazıda anlattığım Yazı Resmi Özelliği‘nin kullanımına en güzel örnek ise yemek sitelerinde her yazıda anlatılan yemeğin resmini, ilgili yazıya eklemek diyebiliriz. Artık anlatması benden uygulaması sizden, afiyetle yiyiniz efendim…

Wordpress Yazı Resmi (Thumbnail) Özelliği

Etiketler: / /

Kozan(Sis)da FETÖ/PDY Kapsamında 6 Memur Görevinden İhraç Edildi
675 sayılı KHK ile 9630 kamu personeli / memur ihraç edildi.
Otomobil  Koyun Sürüsüne çarptı 10 Koyun Telef Oldu
Kozan Adana karayolu Tırmıl mevkisinde meydana gelen kazada otomobil koyun sürüsünün içine daldı 10 koyun telef oldu.
Kozan(Sis) Belediye sporun Yeni Hocası Belli Oldu
Kozan Belediye spor’da teknik direktör Mersud Demirovic in istifası ile boşalan teknik direktörlük görevine Yavuz İncedal getirildi.
Başkan Sağmen’den bilgilendirme toplantısı
Kozan Elektrikçiler ve Elektronikçiler Odası Başkanlığı üyeleriyle ve basın mensuplarıyla bir araya gelerek bilgilendirme toplantısı düzenledi.
Salim Gültekin; “Her şeyden önce güven inşa ediyoruz”
Adana’da ve Kozan’da inşaat sektöründe önemli yatırımlara imza atan, kalitesi ve özgüven ile hemşerilerinin güvenini kazanan Özgül Gayrimenkul Kozan’a önemli...
Hekimoğlu Eczanesi Açıldı
Kozan merkezde eczane sayısına bir yenisi daha eklendi.
Cumhuriyetimizin 93. Yıldönümü kutlandı
29 Ekim Cumhuriyet Bayramımızın 93. Yıl dönümü tüm yurtta olduğu gibi ilçemizde de düzenlenen törenlerle kutlandı.
Gelin Arabası İle Otomobil Çarpıştı: 1 Ölü 3 Yaralı
Kozan’da meydana gelen trafik kazasında gelin arabası ile otomobil çarpıştı.Kazada 1 kişi öldü 3 kişi yaralandı.
Kozan(Sis) Belediyesi araç filosuna iki yeni çöp toplama kamyonu ekledi
Büyükşehir Yasası kapsamında 15 merkez mahallenin yanı sıra 88 kırsal mahalleye de hizmet götüren Kozan Belediyesi’nin çöp toplama kamyonları hizmet...
Kozan(Sis)’da kamyonet bisiklet sürücüsüne çarptı: 1 Ölü
Kozan’da meydana gelen trafik kazasında bir kişi hayatının kaybetti.
Orman Yangını Kontrol altına alındı
Kozan'da dün akşam başlayan orman yangını söndürme çalışmaları aralıksız havadan ve karadan devam ederken yangının sabah saatlerinde kontrol altına...
Kozan(Sis)’da  Orman Yangını
Kozan ‘da gece çıkan orman yangını rüzgarın etkisi ile büyüyor.Yangın nedeniyle 3 köy korku içersinde bekleyişleri devam ediyor.
Kozan(Sis)’da Trafik Kazası: 2 Ölü, 3 Yaralı
Kozan'da meydana gelen trafik kazasında 2 kişi öldü.2’si ağır üç kişi de yaralandı.
Öğrenci servisi ile Cezaevi minibüsü kaza yaptı: 5 yaralı
Kozan’da öğrenci servisi ile cezaevine ait minibüsün çarpışması sonucu meydana gelen trafik kazasında öğrenci servisinde bulunan beş öğrenci yaralandı.
Kozan(Sis)’da Traktör takla attı: 1 yaralı
Kozan’a bağlı Çandık mahallesinde traktör takla attı traktör sürücüsü yaralandı.
ZİYARETÇİ YORUMLARI

Henüz yorum yapılmamış. İlk yorumu aşağıdaki form aracılığıyla siz yapabilirsiniz.

YORUM YAZ

Bal - Koz Web Tasarım