HTML ile İndir/Download Butonu Yapmak

Yükleniyor

Blogunuzda bazen program, resim ya da herhangi indirilebilir şey paylaşıyorsanız, “Bunu İndir” butonu yapmak oldukça faydalı olacaktır. Hele ki siteniz tamamen program/oyun indirme üzerineyse, bu yazıyı okumanız şart.

Öncelikle download/indir butonuna bir örnek vermek istiyorum. Diyelim ki indirmek istediğimiz dosyanın adresi şu olsun.

http://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Firesunset2edit.jpg/800px-Firesunset2edit.jpg

Bu resmi kullanıcılarımıza indirtebileceğimiz buton da şöyle bir şey olacak diyelim:

Bunu İndir

Bunu şu şekilde yapabilirsiniz:

Ayrıca her makalede indirme butonu için kod yazmaya üşeniyorsanız BB Kodlarını kullanabilirsiniz. BB Kod kullanımını bu makalede anlattım. BB Kodlarla indir butonu yapmak için yukarıdaki CSS kodlarını temanızın style.css dosyasının en altına yapıştırdıktan sonra functions.php’nizde en baştaki <?php etiketinden bir satır aşağı inin ve şunu yapıştırın.

function indir_linki_goster( $atts ) {
    $varsayilan_degerler = array(
        'url' => ''
    );
$sonuc = shortcode_atts( $varsayilan_degerler , $atts );

return '<a class="indirbutonu" href="'. $sonuc["url"] .'" download="">Bunu İndir</a>';
}
add_shortcode( 'indir', 'indir_linki_goster' );

ve artık [indir url=”indirilecek/dosya/adresi”] şeklinde indirme butonunuzu yazılarınıza ekleyebilirsiniz.

HTML ile İndir/Download Butonu Yapmak” için 5 yorum

    Author’s gravatar

    Merhaba..
    paylaşım güzeldi.Kod işime yaradı.Ancak sadece "indir" görünüyor.Butonun nasıl ekleneceğini de açıklasaydınız,daha güzel olurdu.
    Teşekkürler.

    Cevapla
    Author’s gravatar

    Butonun hem html css olarak kullanımını hem de WordPress kısa kod olarak kullanımı yazıda var. Kod kismindaki CSS’i style.css ye eklemediyseniz o yüzden problem yasiyor olabilirsin.

    Cevapla

Bir Cevap Yazın

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