Her Yazınıza Resim Ekleyin

Bunu kolay bir şekilde yapabilmeyi isterdiniz değil mi? Yani editörden resim yüklemeden, resmi boyutlandırmaya, sağa sola yaslamaya çalışmadan. Temanıza ekleyeceğiniz ufak bir kod ile tüm bunlardan kurutlabilir sadece özel alan ekleyerek bunu sağlayabilirsiniz. Nasıl olacağını şimdi Yakuter‘in sitesinde bulduğum yazıdan alıntılarla yapacağım. O ben bu yazıyı yazmadan yarım yıl önce bu bilgileri kullanıcılarına ve onu takip edenlere aktarmış ama maalesef ben o ara askerdeydim ve yeni gördüm. Onun yazısından alıntı yapacağım ve yorumlarını kendim yazacağım…

Öncelikle Şöyle bir anlatayım size. Benim sitemde anasayfada gördüğünüz gibi sola yaslı yada kendi sitenize uyarlayabileceğiniz şekilde, hatta otomatik boyutlandırarak resimleri yayınlayabilirsiniz.

(Adım Sıralaması Yakuterin sitesindeki gibidir)

Adım 1: Özel Alan Oluşturun

Yazı yazarken Özel Alanlar alanında bulunan Yeni Girin alanına tıklayarak resimdeki gibi “yazi_resmi” olarak yeni bir alan oluşturun. Bunu bir kere yapmanız bundan sonra bu alanı sürekli kullanabileceğiniz anlamına gelmektedir. Bu saatten sonra bi alttaki resimdeki gibi sadece seçmek ve Değer alanını doldurmak yeterli olacaktır.

[singlepic id=33 w=600 h=240 mode=web20 float=]

[singlepic id=34 w=600 h=240 mode=web20 float=]

Not: Yazılarımızda kullanacağımız resimlerin adresleri konusunda ne yapmalıyım diyosanız yazı yazarken Görsel Ekle düğmesinden resminizi yükleyip resmin tam adresini alabilirsiniz.

Adım 2: Temamızda Resmi Gösterme

Temanızda bu resmi gösterebilmek için aşağıdaki kodu temanın içindeki yazı başlığının hemen alt alanına ekleyin. Bunun aramalarda da çıkmasını istiyorsanız yada bendeki gibi içerikte de çıkmasını istiyorsanız index.php haricinde, single.php ve archive.php içinde de değişiklik yapabilirsiniz.

<?php
$values = get_post_custom_values(&amp;quot;yazi_resmi&amp;quot;);
if ($values[0]!='') { ?>
 <img src=&amp;quot;<?php echo $values[0]; ?>&amp;quot; alt=&amp;quot;<?php the_title(); ?>&amp;quot; />
<?php } ?>

Kodu yakuterden alıp ben de geniş gösteriyorum :D Daha iyi görebilesiniz nereye ekleyeceğinizi.

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>
<div class=&amp;quot;post&amp;quot;>
<h1><a href=&amp;quot;<?php the_permalink() ?>&amp;quot; title=&amp;quot;<?php the_title_attribute(); ?>&amp;quot;><?php the_title(); ?></a></h1>
<?php

$values = get_post_custom_values(&amp;quot;yazi_resmi&amp;quot;);

if ($values[0]!='') { ?>

<img src=&amp;quot;<?php echo $values[0]; ?>&amp;quot; alt=&amp;quot;<?php the_title(); ?>&amp;quot; />

<?php } ?>

<?php the_content(''); ?></div>
<?php endwhile; ?>

<?php endif; ?>

Burada bir not eklemek istiyorum: WordPress kodlaması bilmeyen arkadaşlar Kodu

<?php the_content(''); ?>

alanından önce ekleyin…

Eğer yazi_resmi alanında bir resim var ise bu sizin temanızca algılanacak ve gösterim yapılacaktır. Eğer sola yaslı bir resim eklemek isterseniz (sitemdeki gibi) ilk kodu şu şekilde düzenleyin.

<?php
$values = get_post_custom_values(&amp;quot;yazi_resmi&amp;quot;);
if ( $values[0]!='') { ?>
 <img style=&amp;quot;float:left;margin-right:5px;&amp;quot; src=&amp;quot;<?php echo $values[0]; ?>&amp;quot; alt=&amp;quot;<?php the_title(); ?>&amp;quot; />
<?php } ?>

Ben bide buna güzel bi boyutlandırma ekledim.

<?php
$values = get_post_custom_values(&amp;quot;yazi_resmi&amp;quot;);
if ( $values[0]!='') { ?>
 <img style=&amp;quot;float:left;margin-right:5px;height:128px;weight:128px;&amp;quot; src=&amp;quot;<?php echo $values[0]; ?>&amp;quot; alt=&amp;quot;<?php the_title(); ?>&amp;quot; />
<?php } ?>

Bu güzel bilginin orjinali: Yakuter