Wordpress Wordpress kodları

Wordpres Download butonu yapımı

wordpress-logo

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 :).

KinqCasTLe
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 !
You may also like
statpress
WordPress Sayaç Eklentisi (StatPress)
theme-demo-url
WordPress temanız için demo ekleyin
14 Comments
  • web dersleri Şub 12,2015 at 21:02

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

  • hakkı Oca 24,2015 at 22:45

    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.

  • Pelin Oca 24,2015 at 15:30

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

  • ahmet Oca 22,2015 at 23:09

    wordpress için güzel eklenti. direk kullanmaya başladım.

  • Güncel Yazılar Oca 22,2015 at 22:51

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

  • Ramiz TAYFUR Oca 22,2015 at 09:28

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

  • ahmet Oca 21,2015 at 15:52

    wordpress için gerekli bir eklenti. temada güzel duruyor.

  • TipAdam Oca 20,2015 at 14:18

    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..

  • levent Oca 19,2015 at 21:58

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

  • Cem Oca 19,2015 at 13:36

    denedim ve çok güzel bir görüntü ortaya çıktı

  • kadir Oca 19,2015 at 12:50

    Teşekkürler. Gayet güzel bir yazı. Ellerinize sağlık

  • Ali demir Oca 18,2015 at 20:40

    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.

  • Niko Oca 18,2015 at 17:59

    Hocam çok teşekkürler, denedim oldu, çok da güzel oldu,

  • Gorkem Oca 18,2015 at 17:28

    Teşekkürler 🙂

Leave Your Comment

Your Comment*

Your Name*
Your Webpage