WordPress

WordPress Özel Alan İle Yazıya Küçük Resim Eklemek

WordPress sitelerimizde yazılarımızın estetik açıdan daha güzel gözükmesi için yazının yanına konu ile ilgili küçük resim koyabiliriz. Bunu yaparken de her zaman tek tek uğraşmak bizi sıkar bunun içinde temamızın içine bu sistemi entegre ederek işlerimizi kolaylaştırırız. Bu sayede ister sitemizden istersek de başka adreslerden resmi çekere kullanabiliriz. İlk olarak Wp panelimizden yeni yazı ekleme kısmına giriyoruz. Aşağıda bulunan özel alanlar kısmına kucukresim adında bir alan ekliyoruz ve değerine de resmimizin adresini yazıyoruz.

oa1

Resimde ki gibi yaptığımıza göre şimdi sıra kodlama işlemlerine geldi.

İlk olarak temamızın wp-content\themes\TEMANIZ\index.php dosyamızı açıyoruz.
Ve şu kodları the_content fonsiyonun üzerine ekliyoruz.

<!– Özel Alan Baslangic –>
<?php $resim=get_post_custom_values(‘kucukresim’); $resim=$resim[0]; if($resim!=””){?>
<a href=”<?php the_permalink() ?>”><img src=”<?php echo $resim;?>” class=”yrm_kucukresim” alt=”<?php the_title(); ?>”/></a><?php }?>
<!– Özel Alan Bitis –>
<?php the_content(__(‘Read more…’, ‘inove’)); ?>//Gördüğünüz gibi kodum the_content fonksiyonun hemen üstünde. Sizin bu satırı almanıza gerek yoktur.

1-get_post_custom_values ile özel alanları çağırmamızı sağlayan fonksiyondur ve bunu bir diziye atar.

2-the_permalink ile de yazının linkini çekeriz. Böylelikle resme tıklayınca da yazının devamı single.php sayfasında açılacaktır.

3-the_title fonksiyonu ile de yazının başlığını resmin alt bilgisine yazdırdım. Böylelikle resim görmek istemeyenler veya göremeyenler yazının başlığını göreceklerdir.

4-class=”yrm_kucukresim” yani özel alanımıza style verilmesi için bu alan kullanılmaktadır. style.css dosyasını düzenlerken burayıda açıklayacağım.

5-Resim varsa resim gözükecektir. Eğer özel alana hiç bir değer girilmemiş ise yazımızın normal hali gözükecektir.

index.php dosyamızı bu şekilde düzenledikten sonra sıra aynı yoldaki single.php dosyamızı düzenlemekte.
wp-content\themes\TEMANIZ\single.php

<!– Özel Alan Baslangic –>
<?php $resim=get_post_custom_values(‘kucukresim’); $resim=$resim[0]; if($resim!=””){?>
<a href=”<?php the_permalink() ?>”><img src=”<?php echo $resim;?>” class=”yrm_kucukresim” alt=”<?php the_title(); ?>”/></a><?php }?>
<!– Özel Alan Bitis –>
<?php the_content(); ?>//Bu fonksiyonun hemen üstüne kodumuzu ekliyoruz.
İlginizi çekebilir;  WordPress JW Player Eklentisi

Aynı şekilde fonksiyonumuzu da dediğimiz yer olan the_content fonksiyonu üzerine yerleştirdik.
Şimdi ise style.css dosyamızı düzenlemeye başlayacağız.
wp-content\themes\TEMANIZ\style.css dosyamızı açalım ve altına şu css kodlarını ekleyelim

/*Ozel alan baslangic*/
.yrm_kucukresim{
float:left;
padding:2px;
border:1px solid #e2e2e2;
margin:0 8px 8px 0;
width:133px;
height:100px;
}

Bu css düzenlemesini yaptıktan sonrada dosyalarımızı (index.php,single.php,style.css) tekrardan servere yükleyelim.
Artık bizlerinde kullanabileceği bir özel alanımız oldu. Sizde temalarınıza bu yolla özel alanlar ekleyebilirsiniz.
İşte sonuç…

WordPress Özel Alan İle Yazıya Küçük Resim Eklemek

Hayırlı bloglamalar :)

Emre Allison

Tam bir teknoloji aşığı, yazılım, donanım meraklısı ve sıkı bir web geliştiricisiyim. Tecrübe ve birikimlerini güncel teknolojik gelişmeler ışığında daha geniş kitlelere ulaştırabilmek adına emreallison.com‘da devam ettiriyorum.

2 Yorum

  1. Fırat,

    <!–p the_content(__(‘Read more…’, ‘inove’));–>//


    kodu mutlaka temanızda bulunmaktadır.  bunuda deneyin. Olmadı sadece şöyle aratın.

    php the_content

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu
error: