WordPress Müzik Çalara Download Butonu

WordPresste siteye eklediğiniz müziklere kendi arayüzü üzerinde indirme butonu ekleyelim.

Aşağıdaki resmi inceleyin ne demek istediğimi daha iyi anlayacaksınız.

Müziğe İndir Butonu Ekleme

WordPresste müzik vs ekleyebiliyoruz her şey güzel hoş da bazı seçenekleri bizden kısıtlamışlar.

İndirme özelliği bana kalırsa bizim seçebileceğimiz bir özellik olarak gelmesi gerekirdi.

Gelmeyince debeleniyoruz haliyle antin kuntin işler ile bizi uğraştırıyorlar.

Neyse ki 100numaraliadam var halk kahramanı hepinizin yerine uğraşıyor 😬

Aşağıda verdiğim php kodunu eklenti olarak sitemize yedireceğiz.

Beni tanıyanlar eklentileri sevmediğimi bilirler. Eklentiler zamanla bir değil beş değil bilgisayarı doldurur kastırır.

Size vereceğim de bir eklenti mantığı ile çalışmakta.

Fakat bu eklenti sadece 1 adet php dosyasından oluşmakta.

Yani sisteme diğer eklentiler gibi yük bindirmiyor.

Tek özelliği mp3, ogg, wma, m4a, wav uzantılı ses dosyalarını siteye eklediğinizde arayüze indir butonu ekliyor.

Not: Müzik çalmak için farklı bir eklenti kullanıyorsanız, haliyle size vereceğim kod çalışmayacaktır!

Kodu aldığım yer yabancı bir kaynak, incelemek isteyenler bakabilirler: Kaynak: https://gist.github.com/damiencarbery 

En altta eklenti şeklinde indirme linki ekledim. Buradan indirebilirsiniz.

<?php
/*
Plugin Name: Müzikçalara Downoad Butonu Ekle
Plugin URI: https://100numaraliadam.com
GitHub Plugin URI: https://github.com/damiencarbery/audio-shortcode-download-link
Description: Müziklerinize bir indirme butonu ekler.
Author: Damien Carbery
Version: 0.1
*/
if ( ! defined( 'WPINC' ) ) {
  die;
}
add_filter( 'wp_audio_shortcode', 'ast_audio_shortcode_enhancer', 10, 5 );
function ast_audio_shortcode_enhancer( $html, $atts, $audio, $post_id, $library ) {
    $audio_types = array( 'mp3', 'ogg', 'wma', 'm4a', 'wav' );
    // Use the first audio type that has data.
    foreach ( $audio_types as $extension ) {
        if ( strlen( $atts[ $extension ] ) ) {
            return sprintf('<div style="display: flex;">') .  $html . 
            sprintf( '<span style="height:40px; background-color: rgb(34, 34, 34);"><button type="button" style="background-color: rgb(34, 34, 34); padding-left:5px;padding-right:20px; padding-top: 8px;border: 0px;font-size: 20px;"><a href="%s" title="İNDİR"  download><i class="fa fa-download" style="color: #4ed366;" onmouseover="this.style.color=' .
             "'cyan'" . '" onmouseout="this.style.color=' . "'white'" . '"></i></a></button></span></div>', $atts[ $extension ] );
            break;
        }
    }
    // Otherwise return the original html.
    return $html;
}

WordPress Music Download Button

Aşağıdaki linkte bulunan zip dosyasının içinde 1 adet php uzantılı dosya olacak. Bunu sıkıştırılmış dosyadan çıkartıp şuraya atın:

/public_html/wp-content/plugins/download-link-to-audio-player.php

Resimde görüldüğü üzere dosyayı ilgili alana attıktan sonra WordPress admin kısmında eklentilerden pasif olarak görülen eklentiyi etkinleştirin.

Artık müziklerinizin yanında bir indir simgesi belirmiş olması lazım. Eğer göremiyorsanız kullandığınız cache eklentilerinin önbelleğini silin tekrar deneyin.

Kodun sitemde çalışan örnek versiyonu:

Dikkat: Yukarıdaki sesin kaynağı, harici siteden gelmesi nedeniyle indirme butonu çıkmamaktadır. Aşağıdaki ses ise ortam ekle kısmından eklediğim müzik dosyasıdır.
Sadece bu şekilde eklediğiniz dosyalarda indir butonu çalışır.

 


PHP EKLENTİ DOSYASI


Yazar: utquick

Merhaba, Bu site 2017 senesinde kurulmuştur: Kemal SUNAL 'ın 100 Numaralı Adam filminden feyz alınarak kurulan sitemiz, filmdeki Halk Kahramanı rolünü de bünyesine katarak dürüst paylaşımlarda bulunmaktadır. Bizi takip ediniz. Büyük bir aile oluyoruz. Tek güvencemiz paylaşımlarımızın samimiliğidir.

Bunlar da hoşunuza gidebilir...

Bir yanıt yazın

Cevabı alabilmek için E-Posta adresinizi doğru yazmaya özen gösteriniz.