WordPress temanıza özel alan ile resim

WordPress temanızda “Özel Alanlar” (custom fields) aktivitesini kullanarak, ana sayfadaki yazılarınıza biraz görsellik katmak ister misiniz?
Bu özellik wordpress ile birlikte gelen bir kolaylık aslında, ama çoğu temada bu özelliği kullanmak için bir kod eklemek gerekiyor. İşte birkaç basit adımda bunu sizde yapabilirsiniz:

1- Öncelikle “yeni yazı” bölümüne girip normal yazı yazma sayfanıza gelin ve “görsel ekle” butonuyla göstermek istediğiniz resimi sitenize yükleyin. Dilerseniz FTP ile bağlanarak da sitenize görseli yükleyebilirsiniz. Sonuçta bize yüklediğimiz görselin tam adresi gerek. Yüklediğiniz resimin büyük boyutlarda olmamasına dikkat edin (100×100 px olabilir mesela).

2- Yazı yazdığınız sayfada aşağı doğru inin. “özel alanlar” (custom fields) bölümüne gelin ve “isim” (key) için olan kısıma resim kelimesini, “değer” (value) için olan kısımada yüklediğiniz görselin tam adresini (misal; http://tameryilmaz.com/blog/wp-content/uploads/2009/01/wp-ozel-alan.png) yazın.

3- Sonra normalde yapacağınız işlemleri yapın. Yazı yazın, kategori seçin, etiket girin ve yayınlayın.

4- Temanızın index.php dosyasını açın. Bunu panelinizden Görünüm – Editör yolunu takip ederek yapabileceğiniz gibi, FTP den bağlanıp tema klasörünüz içindeki index.php yi açarakta yapabilirsiniz.

5- index.php dosyanızda şu kodu bulun:

<?php the_content(‘Read the rest of this entry &raquo;’); ?>

6- Bu kodun hemen üzerine  şu kodu yapıştırın:

<a href=”<?php the_permalink() ?>” title=”<?php the_title(); ?>”>
<img src=”<?php $values = get_post_custom_values(“resim”); echo $values[0]; ?>” alt=”<?php the_title(); ?>” />
</a>

7- Kaydedin, güncelleyin. Bu kadar.

Görüşleriniz veya sorularınız olursa çekinmeyin..

WordPress temanıza özel alan ile resim : 12 yorum var

  1. Levent :

    Merhaba Adminim,

    Sitenizde birşey dikkatimi çekti. Bu benim yapmak isteyipte bir türlü yapamadığım birşey.

    WordPressi kullanalı 3 haftayı geçti. Ben Banner alanına istediğim banner ı ekleyememenin sıkıntısını yaşıyorum.

    Örneğin sitenizde bir caddenin banner ı mevcut butonları da çok hoş. Böyle bir eklentiyi nasıl yapabilirim.

    Teşekkür ederim.

  2. tamer :

    Merhaba Levent,

    Sitemde gördüğün şekliyle yapabilmen için en az orta seviyede css-php kodlama bilginin olması gerekir. Bu tarz birşey özel bir düzenleme ve kodlama gerektirir, eklentilerle yapılamıyor bildiğim kadarıyla.

    Ben, sitemin Header kısmında özel bir düzenleme yaptım. Arka planına bir sokak görseli yerleştirip, üstüne kategori listelemesini koydum. O gördüğün menü, kategori menüsüdür. Böyle birşey yapabilmen için dediğim gibi en azından orta seviyede css düzenleme bilgisi ve wordpress için php bilgisi gerekli.

    Eğer çok fazla bilgin yoksa, istediğine yakın wordpress temalarına bakıp kendine en uygun olanı seçebilirsin.

    Burada ücretsiz ve kaliteli temaların olduğu bir listeyi bulabilirsin.

  3. Levent :

    Merhaba Hocam,

    Ben örneğin wordpress e ait olan css-php bölümlerine müdehale etmeye başladım. Verdiğiniz “Kaygan” themes te arkafonta müdehale etmekle beraber kaygan resimlerin olduğu kısımdaki resim değiştirmeleri de yapabiliyorum. Tabi bunun testlerini localhos tan bakmak mümkün değil. Pc imdeki localhost um sadece html, asp çalışmalarını gösteriyor.

    Sizinde söylediğiniz sitenizdeki çalışmayı yapabilmek için özel kod düzenlemeler gerektiriyor. Ben bunun başından beri farkındayım…

    Şuan için sadece “Kaygan” çalışmasına müdehale edebiliyorum…

    PHP bilgi düzeyim orta seviyeye gelmek üzere. (Vakit buldukça)

  4. tamer :

    Yakın zamanda bu sitede kullandığım header ve menü yerleşimini anlatan bir yazı hazırlamayı düşünüyorum. O yazıda anlatılanları kendine göre uygulayarak istediğini yapabilirsin.

  5. Levent :

    Tamam Hocam,

    Bekliyoruz… İnşaallah adım adım yapabilirim. Sitenizi sürekli takip ediyorum.

    İyi günler ve kolaylıklar dilerim…

  6. Bir ara kullandım bu özelliği hoşuma gitti. Daha sonra sürekli kullanmaya başladım.

    Teşekkürler.

  7. mustafa :

    bu kodu index.php doyasında yoktu yazdım üzerinede diğer kodu yapıştırdım
    yalnız sayfada yine resimler görünmüyor…

  8. tamer :

    mustafa, index.php dosyasındaki kodları http://pastebin.ca sitesine koyup adresini verirsen bakabilirim. kodları inceleyip sorunu çözmek daha kolay olur.

  9. mustafa :

    merhaba öncelikle zamanınızı aldığım için özür dilerim buraya yapıştırdım http://pastebin.ca/1750738 . teşekkürler.

  10. tamer :

    mustafa, gördüğüm kadarıyla temanın iki ana sayfa özelliği var (blog style ve default). Index.php de çalışmayacaktır çünkü temanın özelliklerinden dolayı bu iki php sayfası senin paneldeki tercihine göre çağırılıyor.

    işe yaraması için temanda /includes klasörü içindeki blogstyleindex.php ve defaultindex.php dosyalarında bu işlemi yapmalısın.

  11. mustafa :

    http://pastebin.ca/1750744 blogstyleindex.php dosyası var “thumbnail” var..

  12. tamer :

    bu kodlarda özel alanlar kullanılmış zaten. tek yapman gereken yazı panelinde özel alan kısmında

    isim(key) olan yere: thumbnail
    değer(value) olan yere: resimin adresini
    yazmak.

    eğer yine resim görünmüyorsa, resimin tam adresi (http://siteadresin.com/wp-content/uploads/2010/01/resim.jpg) yerine; /wp-content/uploads/2010/01/resim.jpg olarak gir.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">