PAYLAŞ

Arkadaşın biri geçen gün devamını oku butonu ekle yazıma sitemli bir yorum bırakmış. Bende hemen onun için Resimli olarak bir buton oluşturup bunu kullanmayı göstereceğim.Öncelikle şu konudaki bilgiler işimize yarayacak lütfen dikkatli bir şekilde okuyup daha sonra bu konudan devam edelim.

Bunun için bir butona ihtiyacımız olacak. Ben sizin için Google’dan bir Devamını oku butonu buldum ve onu buradan paylaşıyorum.

devamini_oku

Bu Butonu Read More kısmına ekleyeceğiz.Öncelikle index.php’nizde bulunan

<?php the_content(''); ?>

Kodunu aşağıdaki kod ile değiştirelim.

<?php the_excerpt(); ?>

değişim işlemini gerçekleştirdiyseniz eğer ,hemen altına

<div class="devami">
<a href="<?php the_permalink() ?>" rel="bookmark" title="&#187; Okumaya Devam Et">Devamını Oku</a>
</div>

kodu yapıştıralım. Daha sonra Style.Css dosyamızı açıp içerisine

.devami a { width:69px; height:24px; text-indent:-9009px; background:transparent url(images/read-more.gif) top no-repeat; float: right; margin-top: -19px; margin-right: 3px; }
.devami a:hover { background: url(images/read-more.gif) bottom no-repeat; }

kodunu ekliyoruz.Yukarıdaki Kodu ekledikten sonra Devamını oku butonunuz yazının hemen altında sağ tarafta yer alacaktır.Yine Css kodları ile oynayarak bunun yerini ayarlayabilirsiniz.Css Kodlarının arasında (images/read-more.gif) bölümü var. Burayıda Devamını oku butonunu temanızın resimler kısmına atıp düzenleyin.

1 YORUM

BİR CEVAP BIRAK

Please enter your comment!
Please enter your name here