Merhaba arkadaşlar. Bir abim benden download butonu için eklenti istemişti :). Bende ona eklenti olmadan yapabilmesi için bu yazıyı yazıyorum :).

Öncelikle temamızda fonksiyon dosyasının yer aldığı yani functions.php  dosyamıza giriyoruz.

Sonra aşağıda ki kod parçacığını ekliyoruz :

function indir( $atts, $content = null ) {
   return '<div class="indir">' . $content . '</div>';
}
add_shortcode( 'indir', 'indir' );

 

Aşağıda bulunan kodları da yazınıza ekleyeceksiniz :

[**indir]<a href="#">Download</a> <a href="#">Demo</a>[/*indir] (*) işaretlerini silin

Şimdi sıra geldi stil kısmına. Temanızın style.css kısmına aşağıda ki kodu ekliyoruz

.indir {
border: 1px solid rgb(236, 236, 236);
font: 17px arial;
padding: 10px;
}
.indir a {
padding: 10px;
}
.indir a:hover {
background: none repeat scroll 0% 0% rgb(69, 164, 245);
color: #fff;
}

İşte bu kadar artık kolayca sitenize indir butonu yapabilirsiniz :).

About KinqCasTLe

View all Posts

Merhabalar Ben Oğuz. Şuanda 20 yaşındayım. Hep hayalini kurduğum bilişim sektöründe çalışmaktayım. Wordpress, Photoshop ve Seo ile yakından ilgili birisiyim. Özellikle Semantik arama mantığı ve LSI mantığını kavramış biriyim :). Google adwords ve Google arama mantığını kavramış ve iyi kelimelerde ilk 3'e kadar getirdiğimiz siteler bulunmakta. Exclusive Creative adı altında bir şirket kurdum ve bu şirkette ki hedefim 2015 yılı içerisinde En iyi SEO firması haline getirmek olacak. Bu zor bir hedef tabi ki. Fakat sağlam çalışmayla ulaşmayı planlıyorum :). İyi Bloglamalar !

14 Yorum yapıldı

  1. Teşekkürler 🙂

    Gorkem / Cevapla
  2. Hocam çok teşekkürler, denedim oldu, çok da güzel oldu,

    Niko / Cevapla
  3. Benim DLE tabanlı sitem için bu kodları manüpile ettim. Biraz farklılaştırarak güzel bir sistem yaptım. Yararlı paylaşım teşekkürler.

    Ali demir / Cevapla
  4. Teşekkürler. Gayet güzel bir yazı. Ellerinize sağlık

    kadir / Cevapla
  5. denedim ve çok güzel bir görüntü ortaya çıktı

    Cem / Cevapla
  6. henüz denemeye fırsatım olmadı ancak yorumlara bakılırsa gayet güzel bir paylaşım olmuş. Teşekkürler

    levent / Cevapla
  7. WP için oldukça hoş bir eklenti gerçekten; şu an için sitemde deneme şansım olmadı ama en yakın zamanda kullanıma geçeceğim, paylaşım için çok teşekkürler..

    TipAdam / Cevapla
  8. wordpress için gerekli bir eklenti. temada güzel duruyor.

    ahmet / Cevapla
  9. Oğuzhan bunu headerda top bar’ın sağ kısmına yerleştirmek istesek nasıl bir yol izleyeceğiz onuda belirtirsen iyi olur.

    Ramiz TAYFUR / Cevapla
  10. Bu kodlar ile ve güzel iconlar ile bir eklenti yapılabilir, teşekkürler hocam.

    Güncel Yazılar / Cevapla
  11. wordpress için güzel eklenti. direk kullanmaya başladım.

    ahmet / Cevapla
  12. wordpress için güzel etkili, güzel kodlama yapmışsınız elinize sağlık.

    Pelin / Cevapla
  13. Uzun zamandır wordpress hakkında değişik bilgiler okuyordum ama en güzeli aradığım yazıları hep burada bulabilmem. Download butonu işime yarayacak. Teşekkür ederim.

    hakkı / Cevapla
  14. Normalde resim kullanıyordum ancak bu dowloand buton hem daha iyi hemde daha güzel. hız açısındadanda iyi

    web dersleri / Cevapla

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*