WordPress Ses Oynatma Listesine Harici Link Ekleme

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.

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 & 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 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)


Aray─▒p bulamad─▒─č─▒m bir konuydu payla┼čmak istedim.

Sorular─▒n─▒z olursa bana yaz─▒n… 100numaraliadam ile kal─▒n ho┼č├ža kal─▒n.

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

E-posta adresiniz yay─▒nlanmayacak. Gerekli alanlar * ile i┼čaretlenmi┼člerdir

css.php