Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Sesli Müzik Çalar Widget’ı Nasıl Eklenir

Son zamanlarda birçok okuyucumuz bize WordPress web sitelerini daha etkileşimli hale getirmenin herhangi bir yolu olup olmadığını soruyor.

Aldığımız en popüler taleplerden biri WordPress web sitelerine sesli müzik çalar widget’ı eklemek. Bu özellik kullanıcı etkileşimini artırabilir ve özellikle müzikle ilgili sitelerde veya bloglarda ziyaretçiler için daha ilginç bir deneyim yaratabilir.

Bu kapsamlı kılavuzda, WordPress sitenize bir sesli müzik çalar widget’ı ekleme sürecinde size adım adım yol göstereceğiz. Teknik becerilerinize ve site gereksinimlerinize en uygun yaklaşımı kullanabilmeniz için 2 yöntemi ele alacağız.

How to add an audio music player widget in WordPress

WordPress’e Neden Sesli Müzik Çalar Widget’ı Eklemelisiniz?

Bir müzik çalar widget’ı, ziyaretçilerin doğrudan WordPress web sitenizde ses dinlemesini sağlar. Bu özellik özellikle podcast yayıncıları, içerik oluşturucular ve çalışmalarını sergilemek isteyen müzisyenler için değerlidir.

İnsanları sesinizi diğer platformlarda çalmak yerine doğrudan web sitenizi ziyaret etmeye teşvik edebilir. Bu insanlar sitenize girdikten sonra, WordPress blogunuzda reklam göstererek veya ses dosyasını dijital indirme olarak satarak daha fazla para kazanabilirsiniz.

Herhangi bir orijinal ses oluşturmasanız bile Spotify gibi üçüncü taraf platformlardan içerik yerleştirmek, daha ilgi çekici bir web sitesi oluşturmanın kolay bir yoludur. Bu yaklaşım, ziyaretçilerin sitenizde daha uzun süre kalmasını sağlayarak sitede kalma süresi gibi önemli web sitesi ölçümlerini iyileştirebilir.

Ayrıca, bir ses oynatıcı widget’ı yalnızca müzikle sınırlı değildir. Podcast’ler, sesli kitaplar veya eğitim içerikleri için kullanılabilir ve sitenizi sesli içerik tercih edenler veya görme bozukluğu olanlar da dahil olmak üzere daha geniş bir kitleye daha çok yönlü hale getirir.

Bunu akılda tutarak, size 2 yöntem kullanarak WordPress’e nasıl sesli müzik çalar ekleyeceğinizi göstereceğiz. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Hazır mısınız? Müziğin gücünü WordPress web sitenize nasıl taşıyacağınızı keşfetmeye başlayalım.

Yöntem 1. Ses Bloğunu Kullanarak Sesli Müzik Çalar Widget’ı Ekleme (Kolay)

Bu yöntemle, yerleşik WordPress Ses bloğunu kullanarak basit bir ses oynatıcı oluşturabilirsiniz. Bu blok .mp3, .m4a, .ogg veya .wav dosyaları dahil olmak üzere herhangi bir ses dosyası formatını çalabilir.

WordPress’in yerleşik ses oynatıcısı çoğu eklentiye kıyasla çok basittir. Bir oynat/duraklat düğmesi, ses kontrolleri, bir indirme düğmesi ve oynatma hızını değiştirmek için bir düğmesi vardır.

A music player widget created using the Audio block

Gelişmiş özelliklere ihtiyaç duymadan sitenize birkaç kısa ses klibi eklemek istiyorsanız iyi bir seçimdir.

Spotify veya SoundCloud gibi desteklenen bir üçüncü taraf platformdan içerik eklerseniz, Ses bloğu bu platform için oynatma kontrollerini gösterecektir. Ayrıca, sanatçının adı ve kapak resmi gibi platformdan bazı ekstra içerikler de gösterebilir.

Örneğin, burada gömülü SoundCloud içeriğine sahip bir Ses bloğu bulunmaktadır.

Audio player with embedded SoundCloud content

WordPress web sitenize basit bir sesli müzik çalar eklemek için herhangi bir sayfayı veya yazıyı açabilir ve ‘+’ simgesine tıklayabilirsiniz.

Görüntülenen açılır pencerede, doğru bloğu bulmak için arama çubuğuna ‘Ses’ yazın. Daha sonra sayfanıza eklemek için Ses bloğuna tıklayabilirsiniz.

The built-in WordPress audio block

Bu noktada, bir ses dosyası ekleyebilir veya başka bir platformdan bir ses klibi yerleştirebilirsiniz.

Not: Çoğu durumda, kalite optimizasyonu ve bant genişliğinden tasarruf gibi birçok nedenden dolayı ses ve video dosyalarınızı üçüncü taraf bir sitede barındırmanızı öneririz. WordPress‘e neden asla video yüklememeniz gerektiğini burada bulabilirsiniz.

Bilgisayarınızdan bir ses dosyası eklemek için ‘Yükle’ye tıklayın ve ardından bilgisayarınızın yerel sürücüsünden dosyayı seçin.

Başka bir seçenek de ‘Medya Kitaplığı’ düğmesine tıklamak ve ardından WordPress medya kitaplığınızdaki mevcut bir dosyayı seçmektir.

Uploading an audio file to your WordPress website

Sesin tamamını yüklerseniz, ziyaretçilere size bağış göndererek bir müzisyen veya podcaster olarak çalışmalarınızı destekleme seçeneği sunmak isteyebilirsiniz. Adım adım talimatlar için WordPress’te Stripe bağış düğmesinin nasıl ekleneceğine ilişkin kılavuzumuza bakabilirsiniz.

Bunun yerine başka bir platformdan ses mi yerleştirmek istiyorsunuz?

Bu, WordPress’e video eklemek gibi çalışır. Sadece YouTube bağlantısını yapıştırırsınız ve WordPress oynatıcıyı otomatik olarak sayfanıza yerleştirir.

Çoğu platformun tam ses dosyasının yalnızca bir önizlemesini eklediğini unutmayın. Hatta blok, insanları web sitenizden ayrılmaya ve sesin tamamını dinlemek için üçüncü taraf platformu ziyaret etmeye teşvik edebilir.

Aşağıdaki görüntüde, Ses bloğu ziyaretçileri Spotify web sitesine yönlendirmektedir.

A Spotify playlist embedded in WordPress

Eğer bir müzisyenseniz, bu durum ziyaretçileri içeriğinizi diğer platformlarda çalmaya teşvik ederek telif haklarınızı artırabilir. Ancak, insanları web sitenizden uzaklaştırıp başka platformlara da yönlendirebilir.

Üçüncü taraf bir platformdan ses eklemek için, ‘URL’den ekle’ düğmesine tıklayarak başlayabilirsiniz. Bu, küçük bir ‘URL yapıştır veya yaz’ çubuğu açacaktır.

Pasting an audio file using a URL

Artık WordPress blogunuza yerleştirmek istediğiniz ses klibinin URL’sini girebilirsiniz.

Genellikle, yerleştirmek istediğiniz şarkıyı veya sesi ziyaret etmeniz ve ardından ‘Paylaş’ ayarlarını açmanız yeterlidir.

Bundan sonra, sağlanan URL’yi kopyalayabilirsiniz.

Örneğin, herhangi bir Spotify şarkısını sitenize nasıl yerleştirebileceğinizi görelim.

Başlamak için, WordPress web sitenize eklemek istediğiniz şarkıyı veya çalma listesini bulun. Ardından, Spotify’ın çalma listesinin veya şarkının yanında gösterdiği üç noktaya tıklamanız yeterlidir.

Adding Spotify audio to a WordPress website

Bunu yaptıktan sonra Paylaş ” Şarkıyı Kopyala seçeneğine tıklayın.

Sesi müzik çalar widget’ına eklemek için devam edin ve bağlantıyı Ses bloğuna yapıştırın.

Spotify's 'Share' URL

Spotify örneğimizde WordPress, Ses bloğunu bir Spotify bloğuna dönüştürecektir.

Bu değişiklik otomatik olarak gerçekleşir, bu nedenle endişelenmeniz gereken bir şey değildir.

The WordPress Spotify block

Bir ses dosyası ekledikten sonra, bu blok için hangi ayarları yapılandırabileceğinizi görmek için Ses bloğuna tıklayabilirsiniz.

Gördüğünüz ayarlar, bir ses dosyası yüklemenize veya üçüncü taraf bir siteden bir önizleme eklemenize bağlı olarak değişebilir. Örneğin, ‘Otomatik Oynat’ geçişine tıklayarak sesi genellikle otomatik oynatmaya ayarlayabilirsiniz.

The WordPress autoplay and loop settings

Bu ayarların çoğu kendi kendini açıklar, bu nedenle siteniz için en iyi olanı görmek için bunları keşfetmek iyi bir fikirdir.

Bloğun kurulumundan memnun olduğunuzda sayfayı güncelleyebilir veya yayınlayabilirsiniz.

Şimdi, sitenizdeki sayfayı ziyaret ederseniz, sesli müzik çaları canlı olarak göreceksiniz. Ayrıca bloğun oynatma kontrol düğmelerini kullanarak sesi dinleyebilirsiniz.

Yöntem 2. Bir Eklenti Kullanarak Sesli Müzik Çalar Widget’ı Ekleme (Daha Özelleştirilebilir)

WordPress ses bloğu, ses oynatıcıları eklemek için basit bir araçtır. Kullanımı kolaydır, ancak nasıl göründüğünü veya çalıştığını değiştirmek için çok fazla seçenek sunmaz.

Ayrıca, bir oynatıcı oluşturup sitenizin farklı bölümlerinde kullanamazsınız. Bir oynatıcıyı her kullanmak istediğinizde yeni bir oynatıcı eklemeniz gerekir.

Daha gelişmiş özellikler ve yeniden kullanılabilir ses oynatıcılar istiyorsanız, HTML5 Audio Player‘ı öneririz.

WordPress’in ses bloğuna benzer şekilde, bu eklenti mp3, .wav veya .ogg dosyası gibi çeşitli ses dosyası formatlarını çalabilir. Ancak daha fazla özelleştirme seçeneğiyle birlikte gelir.

Şimdi, eklenti oynatıcı başına yalnızca bir ses dosyası çalabilse de, istediğiniz kadar ses oynatıcı oluşturabilirsiniz. Sonuç olarak, WordPress sitenizde hala birçok farklı parça çalabilirsiniz.

Dahası, aynı sayfaya birden fazla ses oynatıcı bile ekleyebilirsiniz.

Multiple audio players on a single page

Başlamak için eklentiyi yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Etkinleştirmenin ardından, HTML5 Audio Player ” HTML5 Audio Player‘a giderek ilk ses oynatıcınızı oluşturmaya hazırsınız.

Burada, devam edin ve ‘Ses Oynatıcı Ekle’ düğmesine tıklayın.

Adding an audio player to your WordPress website

Bir sonraki adım, ‘Başlık ekle’ yazan alana ses oynatıcı için bir ad yazmaktır.

Bu sadece referans içindir, bu nedenle istediğiniz başlığı kullanabilirsiniz.

Creating an audio player widget using a plugin

Bunu yaptıktan sonra, ‘Oyuncu Yapılandırması’ bölümüne ilerlemek isteyeceksiniz.

Bu alanda, ‘Ses Ekle’ düğmesine tıklayarak oynatıcıya bir ses dosyası ekleyebilirsiniz.

Adding an audio file to the HTML5 player

Artık medya kütüphanesinden herhangi bir ses dosyası seçebilir veya bilgisayarınızdan bir dosya yükleyebilirsiniz.

Bir dosya seçtikten sonra, ses oynatıcısını özelleştirmeye hazırsınız. Varsayılan olarak, ziyaretçinin ‘Oynat’ düğmesine tıklaması yeterlidir ve ses, sesi açılmış olarak çalmaya başlayacaktır.

Çoğu ziyaretçi bir ses oynatıcısının bu şekilde davranmasını bekler, bu nedenle genellikle bu varsayılan ayarları kullanmak istersiniz. Bununla birlikte, sesi varsayılan olarak sessize alma, otomatik oynatma, tekrarlama ve daha fazlası için seçenekler de vardır. Dolayısıyla, bu ayarları keşfetmekten çekinmeyin.

Oynatıcının nasıl ayarlandığından memnun olduğunuzda, ekranın üst kısmına kaydırın ve ‘Kaydet’ düğmesine tıklayın.

Adding a new audio player to your WordPress website

Ardından, kısa kodu veya HTML5 Audio Player bloğunu kullanarak ses oynatıcıyı sitenize ekleyebilirsiniz.

Blok en kolay yöntemdir. Ancak, oynatıcıyı bir kısa kod kullanarak yerleştirmek istiyorsanız, kodu ekranın üst kısmında bulacaksınız.

Kısa kodun nasıl yerleştirileceği hakkında daha fazla ayrıntı için WordPress’te kısa kod ekleme kılavuzumuza bakabilirsiniz.

Placing an audio player widget using shortcode

Bir blok kullanarak sesli müzik çalar eklemek için herhangi bir sayfayı veya gönderiyi açmanız ve ‘+’ düğmesine tıklamanız gerekir.

Açılan pencerede doğru bloğu bulmak için ‘HTML5 Audio Player’ yazmanız yeterlidir. ‘HTML5 Audio Player – Insert’ bloğuna tıkladığınızda, blok sayfanıza eklenecektir.

Adding an audio player block to your WordPress site

Ardından, oluşturduğunuz tüm ses oynatıcılarının listesini görmek için ‘Bir Oynatıcı Seçin’ açılır menüsünü açabilirsiniz.

Artık sayfaya veya gönderiye eklemek için bir ses oynatıcısına tıklayabilirsiniz.

An HTML5 WordPress audio block

Daha sonra WordPress sayfa düzenleyicisinin ses oynatıcısını göstermediğini fark edebilirsiniz.

Ancak, ‘Önizleme’ düğmesine tıklarsanız, oynatıcının web sitenizin ziyaretçilerine nasıl görüneceğini görebilirsiniz. Bu modda, sesi dinleyebilir ve farklı oynatma düğmelerini kendiniz test edebilirsiniz.

Previewing the audio music widget

Ses oynatıcının görünümünden ve işlevinden memnun olduğunuzda sayfayı güncelleyebilir veya yayınlayabilirsiniz.

Şimdi, WordPress web sitenizde bu sayfayı ziyaret ederseniz, ses oynatıcısını canlı olarak göreceksiniz.

Sitenize başka ses parçaları eklemek mi istiyorsunuz? O halde, daha fazla ses oynatıcı oluşturmak ve bunları WordPress web sitenize eklemek için yukarıda açıklanan süreci takip edebilirsiniz.

Umarız bu makale WordPress’te bir ses oynatıcı widget’ının nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Daha sonra, en iyi video düzenleme yazılımı ve en iyi WordPress akordeon eklentileri hakkındaki uzman seçimlerimizi de okumak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

6 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Diao

    I have a question. How to auto play the song in this widget?

  3. TiBs

    this is cool, but how to have the music plays in background from the start?

  4. Brian Visagie

    Hi, I subscribe to WPBeginner
    and appreciate your input to the Wordpress community – I regard it as
    invaluable.

    How is it then that you, sir, in the present unsafe and hacker
    infested internet environment, recommend plugins (a widget in this case), that
    are not up to date?

    I get scores of bruteforce attacks everyday on my
    websites and I regard the use and recommendation of out-dated plugins as
    irresponsible.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.