Resimli Devamını Oku Butonu Eklemek [WordPress]

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.

Hakkında Tosahan

Üniversiteyi yeni bitirmiş, yeni bir şeyler bulma umuduyla internet ortamında kendini bulan, Wordpress aşığı, birkaç ay sonra askere gidecek kişiyim. Bazen 2 bazense 3 bilinmeyenli bir denklem olmayı sürdürsem de şu sıralar çok çabuk kırılan bir MSN şifresiyim :)

Bir yorum

  1. teşekkürler hocam aradığım birşeydi sayenizde yaptım.

Cevapla

E-posta adresiniz yayınlanmayacak. Gerekli alanlar işaretlenmelidir *

*