Merhaba arkadaşlar.
Sorum şu.Temalarda İndex ve Single bölümlerinde sabit bir resim alanı olacak.Örneğin boyutları 150x150 olsun.Ve bu sola ve yazının en üstüne dayalı bir noktada bulunsun.Çevresinde de çevçeve olsun.Biz yazıyı yazalım.Öne çıkarılmış görsel yada özel alandan resmi eklediğimizde direk o çerçeveye ufaltılarak yerleşsin.Var mıdır böyle kodlar acaba :)
İyi Forumlar.
- Üyelik 28.01.2011
- Yaş/Cinsiyet 30 / E
- Meslek -
- Konum İzmir
- Ad Soyad O** T**
- Mesajlar 2185
- Beğeniler 165 / 388
- Ticaret 13, (%100)
- Üyelik 05.01.2011
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 562
- Beğeniler 64 / 104
- Ticaret 0, (%0)
Bu konuya bir bakın isterseniz; http://wmaraci.com/forum/wordpress/yazilarinizdaki-ilk-resmi-thumbnail-yapin-19306.html
- Üyelik 28.01.2011
- Yaş/Cinsiyet 30 / E
- Meslek -
- Konum İzmir
- Ad Soyad O** T**
- Mesajlar 2185
- Beğeniler 165 / 388
- Ticaret 13, (%100)
Bu konuya bir bakın isterseniz; http://wmaraci.com/forum/wordpress/yazilarinizdaki-ilk-resmi-thumbnail-yapin-19306.html
mantık olarak faydalı oldu :) Teşekkür ederim.
- Üyelik 05.04.2011
- Yaş/Cinsiyet 31 / E
- Meslek Yazılım Geliştirici
- Konum Konya
- Ad Soyad İ** U**
- Mesajlar 4900
- Beğeniler 1419 / 2962
- Ticaret 45, (%100)
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full');
if ( has_post_thumbnail() ) { ?>
; ?>/scripts/timthumb.php?src=<?php echo $image_url[0]; ?>&w=120&h=127&zc=1)
Yukarıdaki kodları thumb resminin çıkmasını istediğin yere koy.
Daha sonra temanın functions.php dosyasına aşağıdaki kodu ekle.
add_theme_support( 'post-thumbnails');Sonra style.css dosyasına aşağıdaki kodları ekle.
.thumb2 {
margin: 2px 5px 3px 0px;
padding: 0px;
float: left;
position: relative;
text-align: center;
vertical-align: middle;
z-index: 1;
}
.thumb2 img {
border: 1px solid #DBDBDB;
margin: 3px 3px 3px 3px;
padding: 4px;
text-align: center;
}
.thumb2 img a {
padding: 4px 4px 0px 4px;
border: 1px solid #EBEBEB;
}
.thumb2 a {
text-decoration: none;
}
.thumb2 span
{
width: 130px;
height: 20px;
max-width: 135px;
max-height: 18px;
display: block;
position: absolute;
top: 0px;
left: 0px;
background: url('images/thumbgrad.png') no-repeat;
margin-top: 2px;
margin-left: 1px;
padding-top: 62px;
color: #FFFFFF;
overflow: hidden;
text-shadow: -1px 0px 2px #000;
line-height: 20px;
}
Son olarak tema klasörünün içine scripts diye bir klasör oluştur. İçine buradaki js dosyasını indir ve at. Yine scripts klasörünün içine cache adında bir klasör oluştur.
http://www.usluer.net/ Benim blogdaki gibi bir thumb resmi olur. Unutmadan öne çıkarılmış görsel ile thumb resmi ekliyorsun.
120x127 olarak thumb resmi ekler. Değiştirmek istersen ilk kodlardan değiştirebilirsin.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)