Wordpress’de Özel Alanlar: Custom Fields
(Bu yazı 2 oy aldı. Ortalama Değeri: 4,50 oy dan 5) 
Eğer gerçekten bu özel alanların ne işe yaradığını, nasıl kullanıldığını, ne gibi faydalarının olduğunu öğrenmek istiyorsanız sabırlı bir şekilde yazıyı sonuna kadar okuyonuz. Eminimki faydalı olacaktır.
Wordpress için tema hazırlayan arkadaşlar son zamanlarda magazine dediğimiz özel alanları (custom fields) çok kullanır hale geldiler. Bu magazine temalarını kullanmak isteyen kullanıcılarında en büyük sorunlarından biriside özel alanları (custom fields) nasıl kullanılacağını bilmemeleridir. Temayı kullanmak isteyipde özel alanlar yüzünden kullanmaktan vazgeçenler bence oldukça fazla çünkü benim şuandaki temamda özel alanlar kullanılan bir tema ve ben özel alanları ilk başlarda bilmediğim için temanın kodlarından tamamen kaldırmıştırm. O yüzden özel alanları kullanmıyorum şuanda.
Banada bir kaç tane iletişim sayfamdan birkaç adet e-posta gelince bende dayanamadım ve bu konuya bir açıklık getirmeye karar verdim. Neyse konuyu fazla sulandırmadan asıl meseleye geçelim.
Bu Özel Alanlar Denilen Şey Nedir? Ne İşe Yarar?
Özel Alanlar (Custom Fields) wordpress'in en mükemmel özelliklerinden birisidir. Yazı ve yazı için eklenen resimleri birbirinden ayırmak için kullanılır. Örnek vermek gerekirse;
Wordpress blog sitelerinde genellikle her yazısını bir resimle destekleyen(her yazıya bir resim ekleyen) yazarlar vardır. Her yazıyı bir resim ile destekliyor ancak resim yazının içerisinde kalıyor. Yani bir yazı yazdınız ve birde resim eklediniz hemen yazının soluna... Yazıyı yayınladığınızda yazı anasayfada yayınlanırken resim yazının solunda görünecektir. Devamını oku butonuna basıldıktan sonrada o resim yine yazının solunda hiçbir şekilde kaymadan yer alacaktır.
Bazı sitelerde de anasafada yayınlanan yazının solunda bir resim var ancak devamını oku butonuna bastığınızda o resim yazının tamamı görüntülenirken görünmüyor? İşte bu iş özel alanlar ile yapılıyor.
Özel Alanlar (Custom Fields) Nasıl Kullanılır?
İlk önce şunu belirtmek istiyorum. Özel alan içerisine monte ettiğiniz resimi istediğiniz yerde, istediğiniz gibi, istediğiniz boyutta çağırarak yazılarınızda gösterebilirsiniz.
Özel alanlar wordpress blogunuzdaki metin editörünün olduğu sayfanın alt kısmında bulunan kendi yerinden tanımlanır. İki alandan oluşur. Anahtar ve Değer. Değer kısmına yazınıza ekleyeceğiniz resimin açık urlsi yazılır. anathar kısmınada (bir nevi resimi çağırmak için bir isim takılır) bir isim yazılır. Anathar kısmının her yazı için tekrar tekrar tanımlanmasına gerek yoktur. Bir defa tanımladığınızda bütün yazılarınız için kullanabilirsiniz. Aşağıdaki resimdede gördüğünüz gibi wiews anathar ismi 1 sayısıda o anahtarın değeridir. Bu alanın altından da öncede tanımladığınız anahtarı seçerek birçok yazınıza özel alan ekleyebilirsiniz. Diyelim ben teneke diye bir özel alan tanımladım, değerini girdim ve bunu bir yazıda kullandım. Başka bir yazıda kullanmak için -Seç- menüsünden teneke anahtarını seçerek ve sadece değerini girerek kullanabilirim.
Şimdiye kadar anlatılanlar hep yazılıydı (: Şimdi uygulamaya geçebiliriz. Yeni bir yazı yazacağınız zaman özel alanlar kısmından resim adında bir anahtar belirleyin.
Kırmızılı alanda eklediğiniz özel alan görünür. Mavi alanda da seçenekler arasından eklediğiniz özel alanı seçerek ve değerini girerek kullanabilirsiniz. Değer kısmınıda resim adresini belirteceğiniz için editördeki medya ekleme seçeneklerini kullanarak resminizi ekleyebilir ve resimin adresini oradan alarak değer kısmına yazabilirsiniz. Dikkat edin resimi hiçbir şekilde yazının içerisine eklemeyeceksiniz.
Şimdi ise resimi yazımıda nasıl göstreceğiz?
Aşağıdaki kodlar ile sitemizin istediğimiz sayfasında yazıların resimlerini gösterebiliriz.
-
<?php $values = get_post_custom_values("resim");
-
if ($values[0]!='') { ?>
-
<img src="<?php echo $values[0]; ?>" alt="<?php the_title(); ?>" class="left" width="150px" height="150px"/>
-
<?php } ?>
Her yazı için resim gösterme kodumuz bu şekilde. Şimdi bu kodu anasayfamıza nasıl monte edeceğiz? Yazıların başlıklarının gösterildiği;
-
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
kodlarından hemen sonra resimin gösterilmesi için gerekli kodlarımızı ekleyebiliriz. Örnek olarak aşağıdaki kodları inceleyebilirsiniz.
-
<?php if (have_posts()) : ?>
-
<?php while (have_posts()) : the_post(); ?>
-
-
<div class="post">
-
<h1><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
-
-
<?php $values = get_post_custom_values("resim");
-
if ($values[0]!='') { ?>
-
<img src="<?php echo $values[0]; ?>" alt="<?php the_title(); ?>" class="left" width="150px" height="150px"/>
-
<?php } ?>
-
-
<?php the_content(''); ?>
-
</div>
-
-
<?php endwhile; ?>
-
<?php endif; ?>
Bu şekilde resimi index.php dosyanıza ekleyebilirsiniz. Yk arkadaş ben sadece index.php içerisinde değil tekil sayfalarada ekleyeceğim diyorsanız resimin gösterilmesini sağlayan kodları single.php içerisinede istediğiniz yere yerleştirebilirsiniz. Umarım faydalı olmuştur. Çünkü ben bunu öğrenene kadra canım çıkmıştı (: Kafamı .ok karıştırmıştı. Olabildiğince açık anlatmaya çalıştım. Özel alanlar kısmını yakuter'in bu yazısını okuduktan sonra yaptım. Bu yazıyıda ondan esinlenerek hazırladım. Daha doğrusu kodlar yakuter'e ait.
Örnek olarak özel alan kullanan bir kaç blog;
Hasan Yalçın
Sefa Bingöl
Erhan Burhan
Hakan Nural
RenkliTeneke.Com blogundaki yeni yazılardan haberdar olmak için RSS Abonesi olabilirsiniz. İsterseniz Twitter'dan ya da FriendFeed'den takip edebilirsiniz. Ya da "Yeni yazılar e-mail adresime gelsin" diyorsanız e-mail abonesi olabilirsiniz.
Merhaba sevgili ziyaretçi. Şuanda renkliteneke.com bloguna " Ahmet" tarafından " 21 Ekim 2008" tarihinde yazılmış olan "Wordpress’de Özel Alanlar: Custom Fields" başlıklı bu yazıyı okuyorsun. Bu yazının başka bir yerde yayınlaması yasaktır. Her yazı ayrı bir özen içerisinde hazırlanıyor ve bu emeğin iki tık ile heba edilmesi pek hoşuma gitmez. Bu açıklama ise bilgilenmeniz için yazılmıştır.
Bu yazı çok uzun geldi ama Erhan’ın yazısını genişletmişsin ve okuyup uygulayacağım :)
Onur evet yazı biraz uzun oldu ama güzel oldu (: eminimki bu yazıyı okuyanın özel alanlar ile ilgili hiçbir sorunu kalmayacak :) Teşekkürler.
[...] kullanılan WordPress’in özel alanlarına ilişkin renkliteneke güzel bir yazı yazmış. Yazısında özel alanları nasıl kullanabileceğimizi anlatmış. Yakın bir zamanda özel alanları daha [...]
Bu konuyla ilgili yakın zamanda bir yazı yazmayı düşünüyordum, yazınız, okuyucularım için iyi bir ön hazırlık olacak. Kodlar içerisinde işaretleri doğru çıkmamış, düzeltirseniz iyi olur.
Teşekkürler…
@Yakup Gövler
Teşekkürler hocam. Hemen düzeltiyorum ve sizinde yazınızı sabırsızlıkla bekliyor olacağım. Siz daha iyi bilirsiniz ama bence bu özel alanlar ile wordpress e çok farklılıklar kazandırılabilir.
[...] Özel alanların kullanımı ve uygulamalar için daha önce de bildirdiğim gibi renkliteneke’nin yazısı güzel bir başlangıç olabilir. Özel alanlarla ilgili yazılarımda, özel alanları efektif [...]
[...] Wordpress’te Özel Alanlar [...]
Daha önce bununla ilgili hakkıceylan ın sitesinde bir yazı okumuştum. İkinizin yazısıda oldukça açıklayıcı olmuş. Elinize sağlık
Peki 2 adet özel alanı nasıl çağırtabiliriz mesela özel alanın biri resim olacak diğeri ise o resime vereceğim bağlantı olacak bunu nasıl sağlayabilirim tek fonksiyon çalıştırarak ?
@ercani
Teşekkürler
@Nordstern
Direk özel alandan eklenen resime mi bağlantı vermek istiyorsunuz? Yani özel alan kullanarak eklediğin bir yazı düşün. Bu yazının başlığına tıklandığında yazının tamamını okuyorsun. Resimede aynı şekilde bağlantı mı vermek istiyorsun? Ne istediğini tam anlayamadım kusura bakma.
Resimlerde (simge desem daha doğu olur aslında) diğer sitelere bağlantı vereceğim. Şu resimde görebileceğiniz bir örneği var. Benim maksadım bunun gibi bir şey yapmak değil sadece şekil olarak aklınızda oluşması açısından gösteriyorum. Her yazıda yazıyla alakalı bir veya birkaç bağlantı vereceğim. Bunu haber sayfasında özel alanlarla yapmayı düşünüyorum. Simgeyi ve bağlantıyı özel alanlardan gireceğim. Resimler görüntülenecek bağlantıları da özel alandan girdiğim gibi olacak.
@Nordstern
Anladım ne demek istediğini ama ben yardımcı olamam. Malesef o kadar bilgim yok wordpress hakkında. Ama sana bu blogu şiddetle tavsiye ederim. İletişim sayfasından blog yazarına sorunu sorarsan eminim ki yardımcı olacaktır.
[...] kodlar ile sitemizin istediğimiz sayfasında yazıların resimlerini gösterebiliriz. PLAIN TEXT [...]
hocam wp 2.7 de bı turlu yapamadım bunu ya anahtar yerınede ısım yazıor eklıyorum ama resımı on sayfada gostermıyor post ıcındede gostermıyor acıkcası bı onerınız varmı acaßæ.
Çok sağol gerçekten çok açıklayıcı bir yazı, eline sağlık
@muti
Blogum ile ilgilenemediğim için henüz Wordpress 2.7′ye dahi geçiş yapmış değilim (: Geçiş yaptığımda da bu konu ile ilgilenip yeni bir yazı hazırlarım.
@Ali İhsan
Teşekkürler.
peki hocam bir an önce bekliyoruz :) kafayı yedim her türlü değeri yazdım tık yok:)
Merhaba,
Rica etsem, aşağıdaki kodun çalışır halini isteyebilir miyim? img etiketi çıkmasından dolayı bir bölümü hatalı çıkmış. Çalışmıyor.<*a href=”" rel=”bookmark”> den sonrasını anlayamadım
ID, “thumbnail”, true) ): ?*>
<*a href=”" rel=”bookmark”>ID, “thumbnail”, true); ?*>” alt=”" height=”100″ width=”100″ />
<*a href=”" rel=”bookmark”*><*img style=”float:left;margin:0px 5px 0px 6px;” src=”/images/hg.gif” alt=”" height=”100″ width=”100″ />
Yapmak istediğim olay; özel alanla resim eklemek ama resim bir şekilde bulunamazsa önceden tanımladığım bir resim görünmeli.
Özel alanlar ile sadece resim mi gösterebiliriz ? Metin girdisi kullanamaz mıyız ?
@ByAgressif;
Sadece resimler içn kullanlıyor bildiğim kadarıyla. Yazılar için farklı yöntemler deneyebilirsinz.
Hocam müthişsin ya, normalde ben de seninle aynı temayı kullanıyorum ve küçük resim eklemek için temanın özel alanını kullanıyordum. Ancak geçenlerde bir firma için temayı modifiye ederek iş için kullanmaya başlamıştım. Temanın kendi özel alanı neden olduğunu bir tülü anlamadığım bir şekilde küçük resimleri göstermiyordu. Bazıları açılıyor bazıları açılmıyordu. Ne yaptıysam çözüm bulamadım, bu sabah bu yazıyı okudum ve sorunum çözüldü. Orjinal resmi küçültmeden kullanıyor ama olsun, çok yardımcı oldun, bilgilendirmen için teşekkürler…
Allah senden razı olsun kardeşim.Bende çoktandır bunu öğrenmek istiyordum.Teşekkürler.
Vallaha çok sağol söyleyecek söz bulamıyorum 2g ündür bunu arıyordum. Hiç biryerde bu kadar açık ve kapsamlısını bulamadım.Hiç bir kod bilgisi olmayan yada çok az bilen biri bile sadece bakarak yapabilir (örnek ben :D. Yakuter sanada ayrıca teşekkürler..
hocam ben daha önce eskiden girilen iki adet özel alanı silmek istiyorum..
nerden yapmam gerekiyor.. heryerde aradım ama bulamadım…
@berkay; anladığım kadarıyla yazı içerisine girilen özel alanı kaldırmak istiyorsun. Bunun için blogunuzun admin panelindne özel alanı kaldırmak istediğiniz yazıyı düzenleme ekranında açın. Açtıkdan sonra göreceksiniz zaten. Özel alanı nasıl eklediyseniz aynı şekilde kaldırabiliyorsunuz.
merhabalar hocam yazını cok güzel ama iki gündür sitenize yüz defa girdim ama sonuc yine hüsran, benim tam olarak yapmak istediğim hem yazılarda hemde ana sayfada ki yazılarda resimler sol üst köşede 150*150 şeklinde gözükmesi, ama nedense bir türlü olmadı, yaptıgım işlemlere gelince resim diye bir özel alan tanımlıyorum oraya galerideki resmin url sini yazıyorum, ama yazıma herhangi bir resim eklemıyorum, daha sonra yukarda verdiğiniz kodu php title dan sonra ekliyorum ama maalesef sonmuc sıfır.Sitem http://www.uzmanpsikoloji.com yardım ederseniz çok mutlu olurum.Çok sıkıldım ama mutlaka kullanmam gerek.
Bu Güzel Bilgiyi Paylaştıgınız İçin Çok Teşekkür Ederim…
Harika bir anlatım. Kaç saattir bu özel alan olayını araştırıyorum. Delirme safhasına geldiğim ve ben bu işi bırakıyorum dediğim bir anda bu site ile karşılaştım. Ve başardım :)
Emeğinize sağlık. Çok teşekkür ederim..
Bu siteyi sürekli takip edeceğim..
sagolsın emege saygı supersın
hocam teşekkürler paylaşım için
Yukarıdaki yazı hakkında kendi düşüncelerinizi yazın!
Lütfen yukarıdaki yazı hakkında düşüncelerini paylaş. Senin düşündüklerin bazen bu blogdaki yeni yayınlanacak yazının hangi konuda yazı yazılması gerektiğini belirliyor.Reklam
renkliteneke.com’u takip edenler :)
Yeni Yazılar E-mail Adresinize Gelsin
Reklam
Kategoriler
Üye Paneli
Bağlantılar
Arşiv
Tavsiye Bağlantılar
son yapılan yorumlar
en çok yorumlananlar
en çok okunanlar