WordPress Ses Oynatma Listesine Harici Link Ekleme

Yazar: utquick · 20 Mart 2024

Merhaba,

WordPressde birden çok müziği veya videoyu sitenize playlist olarak ekleme özelliği zaten mevcut;

Bu özellik yazı yazarken şuradan yapılıyor; Ortam ekle / Ses Oynatma Listesi Oluştur

Fakat!

Şöyle bir handikap var; bu sistemin çalışması için müzik veya video dosyası web sitenizin serverinde olması gerekiyor!

Bu da sitenize muazzam bir yük bindirir!

Anlatacağım yöntem ile harici link ile playlist oluşturabileceksiniz.

WordPress Playlist Harici Link Ekleme

AMAÇ:

Servere yük bindirmeme!
Şöyle düşünün eski yöntemde dosyaları kendi serverinize atarak oluşturduğunuz playliste insanlar tıklayarak dinlemeye başladılar.
20 kişi birden dinlemeye kalksa siteniz çökecek duruma gelir! Bizim yöntemde isterse 10000 kişi playlisti dinlesin sıkıntı çıkmaz.
Serverin kapasitesini doldurmama
Telifli müzikleri kaynak gösterircesine direkt olarak sitenizin dizininden yayınlamama
Çeşitlilik ve pratiklik

NASIL YAPILIR:

Bunun için ufak bir plugin kullanacağız. İndir
İndirmiş olduğunuz plugini wordpress arayüzünden eklenti ekle kısmından manuel olarak yükleyin.
Yazı içinde modifiyeli playlist kodumuzu gireceğiz.
Örnek playlist kodlarımız aşağıdaki gibidir; Bu kodun içinde 3 şarkıya ait dışarıdan alınmış mp3 uzantılı link var zaten görebiliyorsunuz.
Ayrıca 3 şarkının yanında resim de çıkıyor inceleyiniz.
Kodların tümünü kopyaladıktan sonra WordPress yazı kısmında “metin” alanına yapıştıracaksınız hepsi bu kadar.
Şarkının videonun dış linkini nasıl bulurum eklerim diyorsanız, daha önce yazdığım Dropbox ve Google Drive bulutlarından direkt Link nasıl alınır inceleyebilirsiniz. 🙂

[_playlist type="audio" tracklist="true" tracknumbers="true" images="true" artist="true"]

[_track title="Toshe Proeski - Jovano Jovanke" src="//pesna.org/storage/audio/197.mp3" type="audio/mpeg" caption="Toshe Proeski - Jovano Jovanke" meta_artist="2006 da Jovano Jovanke şarkısını albümüne taşıyan Makedon şarkıcı 2007 de vefat etti." meta_album="Bozilak Albümü (2006)" meta_length_formatted="4:30" thumb_src="https://upload.wikimedia.org/wikipedia/en/1/1c/Tose_Bozilak.jpg"]

[_track title="Naum Petreski" src="//pesna.org/storage/audio/198.mp3" type="audio/mpeg" caption="" meta_artist="Jovano Jovanke" meta_album="" meta_length_formatted="3:08" thumb_src="https://i.ytimg.com/vi/1gabRDIGrXc/hqdefault.jpg"]

[_track title="Aleksandar Sarievski &amp;amp; Vaska Ilieva" src="//pesna.org/storage/audio/199.mp3" type="audio/mpeg" caption="" meta_artist="Jovano Jovanke" meta_album="" meta_length_formatted="2:39" thumb_src="https://i.ytimg.com/vi/OKAs9GkeB8M/hqdefault.jpg"]

[/_playlist]

Kodları sitenize eklediğinizde böyle görünecektir: (ÇALIŞAN KOD)

Kod içinde değişiklikler yapabilirsiniz. Şöyle ki örneğin; şarkıların başındaki numaraları kaldırmak istiyorsanız (tracklist=”false” )
Ya da şarkıların yanında resim göstermek istemiyorsanız kod içinden resim alanını kaldırabilirsiniz böylece sadece şarkı listesi kalır.

Bu yazıya da bakın: İçeriğe Göre Otomatik İframe Yüksekliği

Bu plugin 2024 mart ayı itibari WordPress 6.4.3 versiyonda sorunsuz çalışıyor ve öncesine baktığımda 2015 yılından beri çalışmasında problem çıkmamış.

Kendim de bizzat kullanıyorum.

Kaynak: https://github.com/birgire/wpse-playlist

BONUS: Playliste yüksek boyutlu resim ekleyip orta boyutlu göstermek isterseniz aşağıdaki css kodunu ekleyerek playlistin görünümünü biraz modifiye edebilirsiniz:

.wp-playlist .wp-playlist-current-item img {
    max-width: 100% !important;
}

.wp-playlist-current-item {
    height: auto !important;
}

.wp-playlist-caption {
    display: inline-block !important;
}

.wp-playlist-light .wp-playlist-playing {
    background: #d5fdfc !important;
}

.wp-playlist-tracks {
    height: 290px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: #d5fdfc #222222;
    scrollbar-width: thin;
}

Kodlara Css eklediğinizde görüntü böyle oluyor: (RESİM)