Youtube Önizleme Resmi ve Video Linki

Youtube videoları yayınlıyorsunuz veya yayınlamak istiyorsunuz. Bunu bir şekilde hallettiniz ama videoların resimlerini göstererek direkt link vermek istiyorsunuz. O zaman bu kısa kod (ya da fonksiyon) tam size göre. Aşağıda size aktaracağım kodlar ile ister sadece youtube video önizleme resmi (thumb) gösterebilieceksiniz ya da hem önizleme resmini göstereceksiniz hem de videoya link verebileceksiniz. Ben her iki kodu da ekledim. Siz kendinize uygun olanı seçip kullanabilirsiniz.

Kodlar;

Bu kod ile beraber sitenizin teması içinde bulunan functions.php dosyasını düzenleyeceksiniz. Bu dosya sizin temanız için önemli olduğundan lütfen işlemlere başlamadan dosyanızın yedeğini alınız. Dosyanız /wp-content/themes/sizin-temaniz/ içinde yer almaktadır.

1 – YouTube Önizleme için olan kod;

Aşağıdaki kodu temanınızın functions.php dosyasına eklemelisiniz. Yukarıdaki uyarıda yolu gösterdim. Yedek almayı unutmadan dosyayı açıp kodu satır sonunda bulunan ?> ibaresinden önce ekleyin.

/*
    Kullanım:
    [you_tube_onizleme id="VIDEO_ID" img="0" align="left"]
    VIDEO_ID= Youtube video id
    img=0,1,2 veya 3
    align= left,right,center
*/

function you_tube_onizleme_fonksiyon($atts) {
     extract(shortcode_atts(array(
          'id' => '',
          'img' => '0',
          'align'=>'left'
     ), $atts));
    $align_class='align'.$align;
    return '<a href="http://img.youtube.com/vi/'.$id.'/'.$img.'.jpg&quot" rel="nofollow"/><img src="http://img.youtube.com/vi/'.$id.'/'.$img.'.jpg" alt="" class="'.$align_class.'" />';
}
add_shortcode('you_tube_onizleme', 'you_tube_onizleme_fonksiyon');

Ondan sonra hem fonksiyon içinde belirttiğim hem de aşağıda verdiğim kısa kodu kullanarak ekleyebilirsiniz yazınıza.

[you_tube_onizleme id="VIDEO_ID" img="0" align="left"]

2 – Önizleme ve Video linki için olan kod;

Aşağıdaki kodu temanızın functions.php dosyasına aktarın. Yukarıda söylediğim yedek alma işi aynen geçerlidir. Bu kodun amacı yukarıdakinden farklı olarak resim linkine videonun linkini ekler.

/*
    Kullanım:
    [you_tube_vo id="VIDEO_ID" img="0" align="left"]
    VIDEO_ID= Youtube video id
    img=0,1,2 veya 3
    align= left,right,center
*/ya da fonksiyon) tam size göre.

function you_tube_vo_fonksiyon($atts) {
     extract(shortcode_atts(array(
          'id' => '',
          'img' => '0',
          'align'=>'left'
     ), $atts));
    $align_class='align'.$align;
    return '<a href="http://youtube.com/watch?v='.$id.'" rel="nofollow"/><img src="http://img.youtube.com/vi/'.$id.'/'.$img.'.jpg" alt="" class="'.$align_class.'" />';
}
add_shortcode('you_tube_vo', 'you_tube_vo_fonksiyon');

Aşağıdaki kısa kod örneğini de istediğiniz gibi kullanabilirsiniz.

[you_tube_vo id="VIDEO_ID" img="0" align="left"]

Kodlar bunlar. Geliştirebilir, değiştirebilirsiniz. İsterseniz kendinize göre uyarlayarak daha da güzelleştirebilrisiniz.

Hadi Selametle

Serkan Algur: WordPress ile uğraşan deli bir adam...

This website uses cookies.