Her Yazıyı Resimli Yapmak-Wordpress
Wordpress’in en harika özelliklerinden birisi de özel alanlar desteğinin olmasıdır.Peki özel alanlar nedir? Neler yapılabilir ? .Özel alanlar ile düzenli bir şekilde her yazınızı resimli yapmanız mümkündür. Ayrıca bazı manşet eklentilerinde özel alanlar kullanılır.Wordpress gelişmiş temalarında genelde özel alanlar kullanılır.Şimdi göreceğimiz ise Wordpress özel alanlar ile her yazıya resim eklemek.
Hemen bir tanımlama yapalım.Özel alanlar ile blogunuzun her yazısını resimli yapabilirsiniz.Özel alanlara eklediğiniz resim,blogunuzun hem anasayfasında hemde,tekil yazıda yani yazının içerisinde görüntülenir.Herhangi bir kayma v.s olmaz.Özel alanlar ile zaman kaybınız olmaz,pratik şekilde sadece linki kopyalayarak resimi yazıda görüntüleyebilirsiniz.
Kullanım:
Resimi hemen başlığın altında görüntülemek için,index.php’de başlık kodunun hemen altına şu kodları ekliyorsunuz.
<?php
$values = get_post_custom_values("resim-yazi");
if ($values[0]!='') { ?>
<img src="<?php echo $values[0]; ?>" alt="<?php the_title(); ?>" />
<?php } ?>
Dikkat ettiyseniz yukarıdaki (“resim-yazi”) kısmı,bizim özel alanlarda eklediğimiz anahtar,isim kısmı.Bu kodu index.php de title yani yazı başlığı kodunun hemen altına ekliyorsunuz.Özel alanlar kodu,her temada,
<?php while (have_posts()) : the_post(); ?>
kodundan hemen sonra genelde < h1 > < h2 > ile başlayan title kodu altına yerleştirilir.
Eğer ekleyeceğiniz resim her yazının solunda olmasını istiyorsanız,
<?php
$values = get_post_custom_values("resim-yazi");
if ( $values[0]!='') { ?>
<img style="float:left;margin-right:5px;" src="<?php echo $values[0]; ?>" alt="<?php the_title(); ?>" />
<?php } ?>
üstteki kodu ekliyorsunuz.Eğer sağa dayalı istiyorsanız,yukarıdaki koddaki, float:left kısmını float:right olarak ve margin-right kısmını margin-left olarak değiştirebilirsiniz.Ayrıca resme çerçeve eklemek istersenizde,margin-right:5px; kodundan sonra border:1px solid #000; kodunu ekleyerek, 1px düz siyah bir çerçeve ekleyebilirsiniz.
Şimdi bu özel alanların kod kısmını hallettik,nasıl çalıştıracağımıza geldi sıra.Normal panelimizden yazı eklerken,aşağıdan Özel Alanlar kısmından yeni girin diyoruz.Aşağıdaki gibi İsim ve Değer kısmını dolduruyoruz ve Özel Alan Ekle diyoruz.
Yukarıdaki işlemi yapıp,Yayımla dedikten sonra İsim,Anahtar değerimiz olan resim-yazi kaydedilir.2. sefer yazıya resim eklemek istediğimizde daha önce oluşturduğumuz resim-yazi anahtarını seçeriz ve değer kısmına linki yapıştırırız.Tıpkı aşağıda göstediğim gibi.
Evet bu yazımda sizlere bir yazıya nasıl özel alanlar ile resim eklenir onu göstermeye çalıştım.Anlayamadığınız bir konu olursa,iletişim ya da yorum yoluyla sorabilirsiniz,iyi günler.
Paylaş
Bu Konuya (6) Yorum Yapılmış




Teşekkürler işe yarayacak bu kodlar :)
Bir haftadır bu konuyu araştırıyordum,en ayrıntılı bilgiyi sizde buldum.Sonunda eklemeyi başardım.Bilgi ve paylaşım için teşekkürler.
gayet güzel bir anlatım.teşekkür ederim.
[...] [...]
Hocam teşekkürler kodlar işe yaradı çok teşekkürederim yanlız bu kodlarda resimler hepsi aynı boyutta olmasını nasıl yaparız şimdiden teşekkürler..
@temizbilgi:
image style dan sonra width:100px;height:100px; bu kodları eklersen 100*100px resimler olur. 100 ve 100 yerine istediğin boyutu yazabilirsin.