05 Subat 2012 Pazar
Web sitemizde 14 kategori'de 127 makale'ye yazılmış 400 yorum bulunmaktadır.
WordPress sitelerimizde yazılarımızın estetik açıdan daha güzel gözükmesi için yazının yanına konu ile ilgili küçük resim koyabiliriz. Bunu yaparken de her zaman tek tek uğraşmak bizi sıkar bunun içinde temamızın içine bu sistemi entegre ederek işlerimizi kolaylaştırırız. Bu sayede ister sitemizden istersek de başka adreslerden resmi çekere kullanabiliriz. İlk olarak Wp panelimizden yeni yazı ekleme kısmına giriyoruz. Aşağıda bulunan özel alanlar kısmına kucukresim adında bir alan ekliyoruz ve değerine de resmimizin adresini yazıyoruz.
Resimde ki gibi yaptığımıza göre şimdi sıra kodlama işlemlerine geldi.
İlk olarak temamızın wp-content\themes\inove\index.php dosyamızı açıyoruz. Ve şu kodları the_content fonsiyonun üzerine ekliyoruz.
<!-- Özel Alan Baslangic -->
<?php $resim=get_post_custom_values('kucukresim'); $resim=$resim[0]; if($resim!=""){?>
<a href="<?php the_permalink() ?>"><img src="<?php echo $resim;?>" class="oa_kucukresim" alt="<?php the_title(); ?>"/></a><?php }?>
<!-- Özel Alan Bitis -->
<?php the_content(__('Read more...', 'inove')); ?>//Gördüğünüz gibi kodum the_content fonksiyonun hemen üstünde. Sizin bu satırı almanıza gerek yoktur.
1-get_post_custom_values ile özel alanları çağırmamızı sağlayan fonksiyondur ve bunu bir diziye atar.
2-the_permalink ile de yazının linkini çekeriz. Böylelikle resme tıklayınca da yazının devamı single.php sayfasında açılacaktır.
3-the_title fonksiyonu ile de yazının başlığını resmin alt bilgisine yazdırdım. Böylelikle resim görmek istemeyenler veya göremeyenler yazının başlığını göreceklerdir.
4-class=”oa_kucukresim” yani özel alanımıza style verilmesi için bu alan kullanılmaktadır. style.css dosyasını düzenlerken burayıda açıklayacağım.
5-Resim varsa resim gözükecektir. Eğer özel alana hiç bir değer girilmemiş ise yazımızın normal hali gözükecektir.
index.php dosyamızı bu şekilde düzenledikten sonra sıra aynı yoldaki single.php dosyamızı düzenlemekte.
wp-content\themes\inove\single.php
<!-- Özel Alan Baslangic -->
<?php $resim=get_post_custom_values('kucukresim'); $resim=$resim[0]; if($resim!=""){?>
<a href="<?php the_permalink() ?>"><img src="<?php echo $resim;?>" class="oa_kucukresim" alt="<?php the_title(); ?>"/></a><?php }?>
<!-- Özel Alan Bitis -->
<?php the_content(); ?>//Bu fonksiyonun hemen üstüne kodumuzu ekliyoruz.
Aynı şekilde fonksiyonumuzu da dediğimiz yer olan the_content fonksiyonu üzerine yerleştirdik.
Şimdi ise style.css dosyamızı düzenlemeye başlayacağız.
wp-content\themes\inove\style.css dosyamızı açalım ve altına şu css kodlarını ekleyelim.
/*Ozel alan baslangic*/
.oa_kucukresim{
float:left;
padding:2px;
border:1px solid #e2e2e2;
margin:0 8px 8px 0;
width:133px;
height:100px;
}
Bu css düzenlemesini yaptıktan sonrada dosyalarımızı (index.php,single.php,style.css) tekrardan servere yükleyelim.
Artık bizlerinde kullanabileceği bir özel alanımız oldu. Sizde temalarınıza bu yolla özel alanlar ekleyebilirsiniz.
İşte sonuç…
Hayırlı kullanımlar…
Hasan Huseyin İŞLER
Lise yıllarında programlama ile tanışan ve Q-Basic, Pascal, C başlangıç seviyesinde öğrenenir. Üniversite de TEF-BSÖ okurken diğer dillerin yanı sıra PHP'de kendini geliştirmeye devam ederek bunların yanında CSS, JS ve Wordpress sistemiyle ilgilenir. www.phpsorunu.com'un da yöneticisi ve yazarlarındandır.
CodexorCodexor
sema
Kemal Koö
hsnhsynisler
Serkan
Kamil
© Tüm Hakları Saklıdır.
Bu websitesi DMCA Protection ile lisanslanmıştır. Yazılar kaynak belirtilmeden kullanılamaz.
"Soranlara 89'luyum derim. O zamandan bu zaman tabiki çok şey değişmiştir. Fakat şu zamanlar kendime vakit ayırmaktan, blog, programlama ve bilgisayar ile uğraş içerisinde olmayı seviyorum. Takıntı yapmak istemeyen fakat elinde olmadığı için kafasına taktığını yapan birisiyimdir. Bazen de aksine boş verince tam boş veriyorum. İnsanlık hali diyorum ona da. Neyse benden bu kadar daha fazlası için bloğumu dolaşın..."
Oldukça yararlı bir bilgi. Teşekkürler.
Bu bilgilendirici yazı için teşekürler..
teşekkürler
hocam bunun üzerine saydan bir resim daha eklemek istiyorum. Yani Kücük resme efekt vermek istiyorum nasıl yaparım bunu ?
CSS ile üst üste divleri bindirerek olabilir.
Teşekkürler Deneyeceğim
kardeş ben yaptım olduda.
sorun. ana sayfada düzgün oldu tamam .
ama konunun içine girince resim büyüyor ?
lütfn yardm edermsn
msn adresim : msn@impeccablecrush.com ( buna mail atmayn )
weya mail: pointcrushh@gmail.com
?? cvp beqliyorm sitenizi takip eden biriym.
WordPress kullandğın tema sayfasının içinde aynı bu makalede anlattıgım yerde kısacası single.php olacaktı bu yaptığımız işlemlerin aynısını o sayfasının içinde de yaparsan sorunu halletmiş olursun. Ben bu şekilde yaparak kullanıyorum. İnş. sorunuz bu yolla çözülür….
Dediğinden Hiç Bişey Anlamadım. Lütfen Açık Bi Şekilde Anlatırmısınz.
Gösterdiklerinin aynısını yaptım . dediğim gibi konuyu açınca resim büyüyor.
acil yardıma ihtiyacım var.
sorunu çözdüm. single.php yi yeniden yaptım oldu tm saol tşk ettm güzel bi eklenti allaha emanet ol grşz hakkını helal bay bay
konu içeriğini yazdıktan sonra özel alanı seçip resim adresini giriyorum sonra güncelleye basınca sayfa yenileniyor ve konu içeriği boşalıyor tekrardan taslaklara bakıp gerekli konuyu bulmam gerekiyor
anlatım için teşekkürler süper oldu
Slm arkadaslar googlede aratmalarim fayda etmedi yapamadim, yardimi dokunacak biri varsa yazarsa sevinirim.
Sorunum konulara resim ekleyemiyorum yani öne cikan görselmi ne onu ayarlayamiyorum belkide özel alandan ama adimlari tek tek yampmama ramen hala resimler gözükmüyor.
daha ayrintili anlatayim belki anlamadiniz,
( http://www.screenr.com/VD0 )bu linkte gösteriyor ne kadar kolay ve basit ama ben yapiyorum olmuyor benim sayfada resimler KIRIK gösteriyor ( http://imageshack.us/f/59/salon44.jpg/ )bu likte bakarsaniz anlarsiniz umarim. lütfen yardim
Hocam iletişime geçerseniz size yardımcı olabilirim.
sizi dinlemekteyim bu hafta baya yogunum ondan cvp gec yazabilirim ama aksamlari muhakkak bakarim ilgileniginiz icin simdiden tesekkürler, bir aydir ariyorum nasil yapacagim diye
hocam çok teşekkür ederim