WordPress Custom Fields Kullanımı

WordPress’i zenginleştirmenin yollarından biri hiç şüphe yok ki Custom Fields (Özel alanlar) kullanmaktan geçiyor. Son zamanlarda bir kaç projede ve kendi blogumda yaptığım değişikliklerde Custom Fields ‘in nimetlerinden faydalandım.

WordPress’de şablon oluştururken herhangi bir yazı veya sayfa için daha önceden belirlenmiş bazı alanları kullanmak durumundayız. Bunlardan birkaçı mesela the_title, the_content, the_tags. Tüm bu alanlar yazının ID numarası ile birlikte kaydedilir. Kullanmak istediğimizde ise döngü içerisine yerleştirmemiz yeterli olur.


Bu alanların tamamına http://codex.wordpress.org/Template_Tags adresinden ulaşabilirsiniz.

Özel alanlar ise önceden tanımlı alanların bize yetmediği durumlarda kullanılabilir. Kendi blogum için yaptığım çalışmadan örnek vererek devam etmek istiyorum. Uzun zamandır gönderdiğim her yazıyı bir görsel medya ile destekliyordum. Bu genellikle kendi çektiğim fotoğraflardan biri ya da ilgili bir resim olabiliyordu. Fakat bunu yaparken resmi klasik olarak yazının içerisinde üste bir yerlere yerleştiriyordum. Son kullandığım şablonda bu durumu değiştirdim ve yazı ile yazıya ait resmi birbirinden ayırdım. Bunun için yaptığım sadece Özel alanlar (Custom Fields) bölümüne gelerek buyukresim isimli bir Anahtar tanımlamak ve Değer kısmına da kullanacağım resmin adresini girmek oldu.

Custom Fields

Bu anahtarların değerini şablonumuzda göstermek için;

kodunu kullanıyoruz, codex.wordpress.org den kullanımına bakabilirsiniz. Fakat bu kısımdaki açıklamalar tamamlanmamış ve kullanımı da pek pratik değil. Bu nedenle Özel alanlardaki değerleri göstermek için Get Custom Field Values isminde ufak bir eklenti kullanıyorum. Bu eklentiyi indirip etkinleştirdikten sonra döngü içerisinde kullanımı;

şeklinde oluyor. Bu şekilde yazdığınızda buyukresim anahtarı için girdiğim değeri direkt olarak ekrana basıyor. Eğer text olarak kullanmak istiyorsanız bu şekilde kullanabilirsiniz. Örneğin bir gezi bloğunuz var ve gezi fotoğraflarınızı yayımlıyorsunuz. Her yazıya yer isimli bir anahtar değer tanımlayıp onu döngü içerisinde

şeklinde kullanarak gönderdiğimiz yazılarla birlikte yer bilgilerini yayımlayabiliriz. Benim kullandığım ise ufak bir farkla bu değeri bir resim dosyasının yolu olarak tanımlamak. Yani ekranda resim dosyasının yolunu göstermek değil resim dosyasının kendisini göstermek istiyorum, bu yüzden kullandığım kod şu şekilde oluyor;

" />

Bir yazıya birden çok anahtar tanımlayıp hepsini döngü içerisine yerleştirerek kullanabilirsiniz. Bir anahtarı herhangi bir yazıda ilk kez tanımladıktan sonra başka bir yazıda kullanmak istediğinizde tekrar yazmanıza gerek yoktur.

Custom Fields

Özel Alanlar kısmında sol taraftan seçebilir ve hemen değerini girebilirsiniz. Ufak bir ipucu olarak eklediğiniz değerleri sonradan güncelleyebilirsiniz fakat güncelledikten sonra yazınızı kaydetmeyi de unutmayın.

107 Yorum Var

  1. Gökhan Ulus | 05 Haziran 2009, 08:44

    hocam cevap için teşekkürler.Ama format olarak size örnek verdiğim imdb sayfasındaki film tanıtım sayfasındaki gibi nasıl etiketlendirme yapacağım.

  2. Gökhan ulus | 04 Haziran 2009, 16:53

    Hakkı hocam merhaba;
    benim sizden öğrenmek istediğim şu; Örnek veriyorum oluşturduğum bir özel alanın değerleri “istanbul,ankara,izmir” şeklinde.Şimdi ben istanbul’un üstüne tıkladığımda daha önce kullanmış olduğum istanbul değerine sahip yazıların dökülmesi.Bir diğer deyişle, amacım Get Custom Field Values modülü ile sayfaya yazdırdığım değerlerin üzerine basınca aynı değerlere sahip yazıların listelenmesini istiyorum.Bir sayfadan örnek verirsek imdb.com’daki oyuncuların üstüne tıkladığnızda o oyuncunun oynadığı diğer filmlerin listelenmesi gibi.Bunu nasıl yapabilirim? Saygılarımla…

  3. @Özkan YILDIZ:Sizde benim gibi RSS’lere özel alanların nasıl ekleneceğini araştırıyorsunuz sanırım, on-on iki dakika önce blogumda bir yazı yayınladım: WordPress Özel Alanları RSSâ??de Göstermek

  4. Ciddi anlamda çok işime yaradı. Sağolun paylaştiğiniz için..

  5. paylaşim için tşkler

  6. bunu temanızda görünmesini istediğiniz yere yapıştırın kısmına geldim.Burda kaldım.Bu arada kullanmak istediğim temada 3 farklı boyutta resmi gösterebilirim atıyorum ilk büyük resim ana sayfadaki sonra son haberler kısmında ve atıyorum en çok okunanlar kısmında koyacak şekilde ayarlıyor boyutları ama ben bir türlü yerleştiremedim.Sanırım bu kodu koyacağım yeri bulursak sorun çözülecek.
    KOLAY GELSİN

  7. Merhaba.
    Bu alanı kullanarak yapmak istediğim bir şey var.Yardımlarınızı bekliyorum;
    Bir resim alanı oluşturmak.Mesala 150×150 boyutlarında.Ben bu custom fields e otomatik olarak hangi resim linkini koyarsam direk yazdığım yazının başında o resim istediğim boyutlarda çıkmasını istiyorum.
    Bu konuda yardımcı olursanız sevinirim.
    iyi günler

  8. Hocam merhaba benim kullanmak istediğim tema
    http://web2feel.com/downloads/gamezine.zip
    demosu
    http://web2feel.com/gamezine/

    burda görüldüğü üzere üst taraftaki resimler butona bastıkça değişiyor.Ben temada herşey hallettim fakat konunun arkasında resimi birtürlü gösteremedim yardımcı olursan gerçekten çok sevinirim.
    KOLAY GELSİN

  9. Hocam eline saglik.resim olayini sitemde yaptim calisiyor,
    ayni sekilde youtube videolarini yapmak istiyorum ama basaramadim..
    örnegin Özel alan olarak “Video” eklemek istiyorum..daha sonra post yazarken özel alan video ve sadece link olarak mesela “http://www.youtube.com/watch?v=OfIBN2rXGc4” yazinca direk olarak postda video acilsin istiyorum..yardimci olabilirsiniz sevinirim..

  10. harika bir bilgi,elinize saglik,,bir sorum olacak.youtube videolarini post icerisinde oynatmak icin custom field i nasil kullanmaliyiz..örnegin Video yada Thumb kodu nasil girmeliyiz..yardimci olursaniz sevinirim..

  11. Manual olarak domtab ile yapabilirsiniz. Yada bunun gibi işler için kullanılan eklentiler mevcut.

  12. Merhaba hakki bey;
    paylastiginiz bilgi benim icin gercekten cok onemli wp hakinda biraz tecrubem var ama bu costum fields i biturlu cozemedim ve yakinda kuracagamiz bir site icin buyuk onem tasiyor
    ne yapacagimi bilmiyorum gezmedigim site kalmadi bakmadigim eklenti kalmadi bi turlu cozemedim ne yaptiysam resimi gosteremiyorum
    kullanacagim temanin demo adresi burdaki gibi hersey ayni kalcak yani temanin tarzi ama buradaki gibi bir turlu resimleri gosteremedim bana yardimci olursaniz cok sevinirim costum fields i tam anlayamadigim icin belki problemimide anlatamadim ama size sole soyleyebilirim bu alana verecegimiz kodlar neler nereden buluyoruz ????

  13. @Özkan YILDIZ, rss beslemesi custom fieldsleri desteklemez fakat rss ile ilgili değişik eklentiler kullanarak istediğiniz bilgileri rss beslemesine ekleyebilirsiniz.
    http://wordpress.org/extend/plugins/tags/rss

  14. Bilgilendirme için biraz geçte olsa teşekküler, yazınızı uzun zaman önce okumuş ve o zamandan bu yana birkaç sitemde kullanmaya başlamıştım. Ancak yeni bir sitemde şöyle bir durum söz konusu; Ana kısımda

    ile yazıya ait büyük resmi alabiliyorum ancak bu kısım rss abonelerinde görünmüyor, yazı ilede ilişkili oldukları için yazı baştan eksik kalıyor. Acaba bu özel alanları wordpress rss dosyasına nasıl ekleyebiliriz?

  15. @kpax, bunun konu ile alakası yok ki, bahsettiğiniz tamamen tasarımla ilgili bir konu, yani browser uyumluluk sorunu

  16. ben her şeyi yaptım fakat, fireox ve opera normal bi şekilde resim solda yazı sağda gösterirken, explorer resim üstte yazı aşağıda gösteriyor. bu farklılığı nasıl çözerim?

  17. Ben yapamadım desem ne dersiniz. Eklentiyi indirdim ve aktifleştirdim. Özel alanlarda “resim” adında bir alan belirledim resim linkini yazdım ve kaydettim.

    buraya kadar tamam. şimdi ben yazılarımda ana sayfada görünmesi için “resim” özel alanını nasıl kullanacağım.

    kullandığım tema güzel pro 3,0 versiyonu.

  18. @Ahmet Bey, 450×250 piksellik bir resim en/boy oranı sabit kalacak şekilde küçültülmelidir, 90×50 gibi. Küçültürken en/boy oranını değişmesi resim veya fotoğrafı kötü bir hale getirir. Ben de fazla uğraşma olmasın diye en/boy oranını “1” alarak kare format kullanmanın iyi olacağını düşündüm..

  19. Hocam bu özel alanlara resim ekleme olayı güzel. onda sorun yok. sorunsuz yapıyorum. Benim sorum bu özel alanlara eklenen resimlerin yeniden boyutlandırılması ile ilgili. Mesela her yazı için ben özel alanda 150×150 pixel resim göstereceğim. yazı içerisinde gösterilen özalandaki resimin boyutunu kendim belirtiyorum. benim isteğim şu. diyelim 450x250px bir resimi özel alan olarak eklediğimde yazıdaki özel alan bölgesinde 150x150px şekilnde resimi hiç bozmadan orantılı bir şekilde küçülterek gösterecek. bu şekilde olmuyorsa zaten resimi 150x150px haline çeriyor ve resim sağında solundan basik kötü bir görüntü oluşturuyor.

    şimdi bu sorunu nasıl çözebiliriz hocam?

  20. HC-Magazine temasını incelersen görebilirsin, onu her yazıya resim ekleme zorunluluğu olmadan tasarlamıştım, bunun için de aşağıdaki şekilde bir yol izledim;

    custom fields ten datayı alıp bu kısımda gösteriyoruz.

  21. Hocam ben her yazımda bu anahtar kelimeyi kullanmıyorum. Bazı yazıların üst kısmında haliyle bulunamayan bir resim çıkıyor. Bunu halledebilmemiz için çözüm olarak sadece anahtarı <img src ile başlatmayı düşündüm; ancak daha mantıklı bir çözüm varsa paylaşabilir misiniz?

  22. Elbette özel alanlar kullanarak istediğini ekleyebilirsin, e-tohum tv deki videolar özel alanlar kullanılarak ekleniyor. Aslında tabi video eklenmiyor fakat videonun adresi ya da embed kodda ki değişken olan kısım ekleniyor.

  23. Özel alanlara video eklenebiliyormu? örnek 150x150px

  24. Hakkı abicim güzel anlatmışsın sağol ama ben yapamadım. bi yardımcı olsan?

    http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/

    bu temayı kullanacağım ve resimleri ekleyemedim. İngilizcem yok halledemedim :)

    Featured , Headline ve aşağısındaki diğer alanlara nasıl resim eklyebilirim?

  25. Faruk Bey sorunuzu daha açık bir şekilde yazabilirseniz yardımcı olmaya çalışırım. index.htm den kastınız index.php dosyasımı, ayrıca kullandığınız temanın dosyaları bende olmadığından tam olarak nereye ekleme ve çıkarma yaptığınızı bilemiyorum. Yorum kısmına kodları ekleyemiyorsanız http://tinypaste.com/ adresini kullanabilirsiniz.

  26. Selamlar
    Ne kadar uğraştıysam yapamadım.

    template’deki index.htm dosyasını açtım.


    döngüsünü de oradakiyle değiştirdim. Özel alan eklemeyi Yönet>Yaz kısmındayken de yaptım. Yani anasayfada artık resim gözükmesi gerek miyor mu?

    Nerede yanlış yapıyorum?

  27. Anladım sanırım.
    Birşeyler karalamaya çalışacağım.

  28. <img src="" />

    bu kodu ekleyerek buyukresim olarak açtığımız özel alan eklenen resmin adresi aracılığıyla resmimiz görünüyor. Peki bu resmi bir linke dönüştürebiliyor muyuz? Eğer her yazı kendi ID’siyle ve bu id’yi taşıyan öğeyle birlikte çıkıyorsa nasıl bir kod yazarak “buyukresim”i o yazıya link atayabiliriz hocam?

  29. oncelikle merhaba sizler gibi wp nin turkiyede daha da cok sevilmesi için ugrasan arkadasları gordukce cok mutlu oluyorum inanın .guzel bir çalışma hemen not arşivime aldım . tesekkurler

  30. Çınar, bunu img tagının içerisinde rel=”lightbox” kullanarak çözebilirsin.

  31. hakkı abi Custom Fields eklentisi ile single.php’de resim eklediğimde örneğin resim sayfada 450×150 olarak gösteriyorum ama şöyle bir sorun var resime tıkladığında normalde olduğu gibi lightbox eklenyisi ile büyük hali açılmıyor Custom Fields ile eklediğim resim nasıl kendi adresini verip resmin büyük halini açtırabilirim.

  32. Sorunu çözdüm:)
    Döngülerle yapmak zorunda kaldım, biraz sql i yoracak ama olsun:) Optimize ederiz onu da.

  33. Kesinlikle yapabilirsiniz.

  34. Bilgi için teşekkürler.

    (Eklentiyi kurdum.) Custom Fieldsleri şöyle birşey yapabilir miyiz; örneğin sizin örneğinizde kucukresim var, ben de son 10 konuları listeleyeyim fakat başlıkla beraber her konunun kendi kucukresim i gelsin. böyle birşey var mı?

    (Son yazılar kısmınız var ya sağ tarafta, her birinin kucukresim ini koyabilir miyiz custom fields ile?)

  35. Bu bir eklenti değil yanlış anlandınız galiba, bu wordpress’in bir özelliği. Resimlerin arkasına çerçeve eklemek için CSS dosyasında düzenleme yapmanız gerekir.

  36. Hakkı bey bu eklentiyi kullanarak eklediğimiz resimlerin arkasında bir çerçeve oluşturabilirmiyiz ?

  37. WordPress’in tema yapısında temel olan bir döngü(loop) mevcut, bu döngünün içerisinde kullanmalısınız. Ayrıntılar..

  38. Hakkı bey rica etsem bu kodları tam olarak nereye ekleyeceğimizi söyleyebilirmsiniz ? Biraz daha temeline inerek ? Şimdiden teşkkürler…

  39. çok güzel bir yazı olmuş. bende bundan sonra bu yöntemi kullanacağım.
    teşekkürler.

  40. Ben nasıl yapardım diye sorarsanız; manual olarak kullanıcıları oluşturur ve yazıyı yazdıktan sonra admin paneldeki yazı yazma ekranında sağdaki yazar seçiminden yazarı seçerdim. (yönetici girişi yaparak istenilen yazının yazarı değiştirilebilir.)

  41. Hakkıcan, yazar için dedikleriniz doğru fakat bir de şöyle düşünelim. Sitenin tek yöneticisisiniz ve günlük olarak 5 ayrı yazarın yazısını siteye ekliyorsunuz. Yani bunların bir hesabı yok ve hepsinin yazılarında sadece yazar olarak yazarların ismi yazılmalı. Ne önerirsin?

  42. Burada anlatıldığı gibi resim ekleyebilirsiniz, fakat Mimbo Theme de anahtar Image olarak tanımlanmış, ben ise buyukresim olarak tanımladım.

  43. sayfa ingilizce sorun burada başlıyor, türkçe bilgi varsa linkini gönderebilirmisiniz. Benim ingilizcem o sayfayı çözebilecek kadar değil. Kusura bakmayın

  44. Mimbo Theme sayfasını incelerseniz size yardımcı olacaktır.

  45. mimbo içerisinde imaj ekleyemiyorum, bilginiz varmı?

  46. Aslında yazar için özel bir anahtar tanımlamana gerek yok, o zaten var, döngü içerisinde;şeklinde kullanırsanız zaten link yazarın tüm yazılarını gösteriyor. Ayrıca author.php kullanımını incelemenizi öneririm;
    Author Templates
    WordPresse Yazar Sayfası Eklemek
    Kolay gelsin.

  47. Hakkıcan, verdiğin bilgi çok önemli ve birçok alanda önümü açmış oluyor. Denemeler yaptım ve kodlarının işe yaradığını gördüm. Şimdi başka bir problem var. Örneğin “Yazar” diye bir anahtar açıyorsak ve karşılığına da “İbrahim” yazıyorsak temamızın kodu çağırdığımız yerinde de onun karşılığı olarak “ibrahim” görünecektir. Fakat ben “İbrahim”e tıkladığım zaman o “yazar” anahtarına ait olan tüm yazıları çağırmak istiyorum. Bu mümkün mü?

1 2

Lütfen, soru sormadan önce üstteki yazının tamamını ve cevapları okuyun, soracağınız soruların cevapları büyük ihtimalle verilmiştir. Ek olarak lütfen ilgili konuya yorum yapın, örneğin geziyle ilgili bir yazıya yorum yapıp fotoğraf makinesiyle ilgili bir soru sorarsanız yorumunuz silinecektir.

This site uses Akismet to reduce spam. Learn how your comment data is processed.