Bloğumda toplam 12 kategoride yazılmış 311 yazı ve 269 yorum var.

Yazılarımıza Özel Alan ile Müzik Ekleyebiliriz

7 sene önce yazıldı, 417 kere okundu. 0

Merhaba arkadaşlar. Daha doğrusu merhaba WordPress severler! Bloglarımızda veya wordpress ile inşa ettiğimiz herhangi internet sayfalarımızda müzik çalar ihtiyacımız olabilir. Örneğin bir yazı yazıyorsunuz ve yazıya bir de müzik eklemek istiyorsunuz. Bunun için youtube’dan embed kodu almak zorunda değilsiniz. Gayet şık bir şekilde, bu yazıda da gördüğünüz gibi eklediğiniz müziği okuyucuya dinletebilirsiniz.

Ben bu olayın son derece basit bir versiyonunu anlatacağım şimdi size. Mantığı anladıktan sonra siz zaten daha gelişmiş özel alanlar oluşturabilirsiniz dilediğinizce. Yalnız, ben sadelikten yana olduğum için bu yazıda anlattığım player’i kendim kullanacağım bu haliyle. Zaten amaç müzik dinletmek değil mi :)

Hadi başlayalım o halde. Öncelikle yazılarımızı gösteren sayfa olduğu için single.php dosyamızı bir kod düzenleyici ile açıyoruz. ( Dreamweaver kullanıyorum, ftp özelliği ile birlikte uzun süredir kullanmaktayım, tavsiye ederim. )

Eğer yazımıza müzik eklediysek, nerede gözükecek? sorusuna yanıt olması açısından, single.php‘mizde bir yer belirlememiz gerekiyor. Bu belirlediğimiz yer ” while “ döngüsünün içerisinde olmalı. Benim tavsiyem ” <?php the_content(); ?> “ in hemen üzerine eklemeniz. Ben öyle kullanıyorum. Eklememiz gereken kodlar aşağıda;

  <?php $muzik = get_post_meta($post->ID,'muzik', true); 
  if($muzik != "") { ?>

 <audio controls>
  <source src="<?php echo $muzik; ?>" type="audio/mpeg">
Tarayıcınız HTML5 Müzik Çalar Desteklemiyor.
</audio>

  <?php }else{ ?>
  <?php } ?>

 Not: Müzik çalarımız, HTML5 ile gelen bir özelliği kullanarak çalışıyor. Yani HTML5 ‘in audio özelliğini desteklemeyen tarayıcılarda çalışmayacaktır. Kodların içinde gördüğünüz uyarı da, player çalışmadığında gösterilen uyarıdır. Bu player’ın hangi tarayıcılarda çalışıp çalışmadığını görmek için aşağıdaki linke bir göz atabilirsiniz.

http://www.w3schools.com/html/html5_audio.asp

Eklediğimiz kodlar sayesinde özel alan ile bir müzik belirlersek yazılarımızın içinde bir player belirecek ve isteyen play tuşuna basıp müziği dinleyebilecek.

BENZER  Wordpress Kişisel Blog Temamı İndirebilirsiniz

Peki yazımıza müziği nasıl ekleyeceğiz?

Bu işlem de oldukça basit bir işlem. Daha önce özel alan kullandıysanız zaten biliyorsunuzdur, wordpress bize bir değere başka bir değer atamamız için imkan veriyor. Yani ekle dediğimizde karşımıza gelen sayfada sağ üstte ” Ekran Tercihleri “ menüsünü açıp ” Özel Alanlar “ ı aktifleştirdiğimizde, yazı editörünün altında bir kutu belirdiğini göreceksiniz.

Müziğimizi eklemek için özel alanlar kısmında ” isim “ bölmesine ” muzik “ yazıp, karşısındaki ” değer “ bölmesine de müziğimizin tam adresini yazmamız gerekiyor. Örnek kullanım için bir ekran görüntüsü paylaştım;

ozelalankullanimi

Müzik Çalarımızı Nasıl Şekillendireceğiz?

Eğer HTML5 müzik çalarımızı standart stil özellikleriyle kullanmayacaksak, style.css dosyamızda aşağıdaki gibi özelliklerimizi belirleyebiliriz;

/* örnek audio sınıfı stil kodları */

audio { width:100%; height:35px; margin-bottom:20px; background:#000; }

Tüm yapmamız gerekenler bu kadar arkadaşlar. Artık istediğiniz yazılarınızda okuyucuya müzik dinletebilirsiniz. Player ve kullanımı kafanıza göre değiştirebilirsiniz. Değişkenleri ( muzik ) değiştirerek müzik değil de video, fotoğraf vesaire de gösterebilirsiniz. Nerde ve nasıl kullanmak istediğinize bağlı.

Başka bir makalemizde görüşmek üzere. Kendinize iyi bakın :)

Konuyla alakalı bir şeyler yazabilirsin.

İsimTescil.net Sonunda Arayüzünü Güncelledi

Merhaba arkadaşlar. Uzun bir zaman boyunca gına getiren, sürekli yavaşlığı ve “her yüzüne bakışımızda...

4 ay önce. 95 0 Devam Et

Sitelerinize WhatsApp Butonu Ekleyerek Müşterilerinizle Etkileşime Geçin

Merhaba arkadaşlar. WhatsApp günün hemen her anında iletişim ihtiyacımızı karşılayan olmazsa olmaz bir araç h...

4 ay önce. 103 0 Devam Et

İşletmelerde Ön Muhasebe Yazılımı Kullanmanın Önemi ve Bulut Tabanlı Yazılımlar

Merhaba arkadaşlar. Özellikle son zamanlarda girişimcilik ruhunun çok fazla kişiye ulaştığını, herkesin özell...

4 ay önce. 34 0 Devam Et

Material Design Icons – MDI ile Sitelerinize Icon Set Nasıl Eklenir

Selam arkadaşlar. Bu yazıda sitelerimizi daha doğrusu arayüzlerimizi hazırlarken Material Design Icon Set’ind...

4 ay önce. 35 0 Devam Et

SSD Disk Kullanmak Bilgisayarımızı Ne Kadar Hızlandırır?

Solid State diskler piyasa çıktığından beri bilgisayar satıcıları hatta elindeki ikinci el bilgisayarı satan in...

4 ay önce. 57 0 Devam Et

Hakkımda

1994'ün Haziran'ında Beyşehir/Konya'da dünyaya gelmişim. O zamanlar, gerek tombikliğim gerek yeşil gözlülüğüm sebebiyle gören herkes tarafından el üzerinde ( hatta defalarca havaya atılıp tutulma gibi ) tutulmuşum.

Bebekliğim Konya'da bir köyde, çocukluğum İstanbul'da geçti. İstanbul'da başladığım iş hayatına doğduğum yer, Beyşehir'de devam ediyorum.

Uzun yıllar çeşitli firmalarda çalıştıktan sonra 2017’den beri kendi yazılım ve reklam şirketimi kurdum. Geliştirmeye ve değiştirmeye devam ediyoruz.