Yazıları Takip Edin
Designicle: Tasarımcılar için..
Designicle.com | Tasarımcılar için ingilizce tasarım makaleleri ve ücretsiz kaynaklar sunan yeni tasarım blogu.. Devamı için tıklayın
Popüler Yazılar
- Ücretsiz: İstanbul Silüeti (vektör)
- Arkaplanı Transparan Menu Yapımı
- Wordpress temanıza özel alan ile resim
- Flash: Transparan Arkaplan Kodu
- Flash ile gerçekçi kahve dumanı efekti
- IBAN Numaramı Nasıl Öğrenebilirim?
- Bu butona basmayın
- Tasarımlarınız İçin 50 Ücretsiz Font
- Ücretsiz Wordpress Teması: Kaygan
- Hakkında
-
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 »’); ?>
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..
custom fields, özel alanlar, wordpress, wordpress özel alan resim
12 Yorum “WordPress temanıza özel alan ile resim”
-
Levent 17 Temmuz 2009 21:29
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.
-
tamer 22 Temmuz 2009 12:25
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.
-
Levent 23 Temmuz 2009 21:38
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)
-
tamer 24 Temmuz 2009 13:45
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.
-
Levent 24 Temmuz 2009 18:37
Tamam Hocam,
Bekliyoruz… İnşaallah adım adım yapabilirim. Sitenizi sürekli takip ediyorum.
İyi günler ve kolaylıklar dilerim…
-
Hüseyin Emanet 11 Eylül 2009 09:38
Bir ara kullandım bu özelliği hoşuma gitti. Daha sonra sürekli kullanmaya başladım.
Teşekkürler.
-
mustafa 13 Ocak 2010 15:30
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… -
tamer 13 Ocak 2010 16:13
mustafa, index.php dosyasındaki kodları http://pastebin.ca sitesine koyup adresini verirsen bakabilirim. kodları inceleyip sorunu çözmek daha kolay olur.
-
mustafa 14 Ocak 2010 10:51
merhaba öncelikle zamanınızı aldığım için özür dilerim buraya yapıştırdım http://pastebin.ca/1750738 . teşekkürler.
-
tamer 14 Ocak 2010 11:01
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.
-
mustafa 14 Ocak 2010 11:02
http://pastebin.ca/1750744 blogstyleindex.php dosyası var “thumbnail” var..
-
tamer 15 Ocak 2010 17:13
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.
Görüşünüzü belirtin:
kopyalamadan önce izin isterseniz, seve seve tüm kaynakları verebilirim.