Reklamlar
Kategoriler: Web Tasarım

Wordpress’e Sesli Resim Nasıl Eklenir

Wordpress altyapısını kullanan bloglarda sayfanın belirli yerlerine eklenen ve üzerine gelince ses gelen resimler görmüşsünüzdür.  Çok basit bir işlem ile sizde blog’larınıza bu işlemi yapabilirsiniz.

Gerekli dosyalar:

Sayfamıza eklemek istediğimiz resim

Müzik eklemek için 1 adet mp3 dosyası

Aynı müzik için .ogg uzantılı müzik dosyası. Elinizde bulunan mp3 dosyasını converter kullanarak bu formata dönüştürebilirsiniz.

Style.css Dosyasına aşağıdaki kodu ekleyin.

#sabit {position:fixed; right:0; bottom:-2px; z-index:9999999;}

Daha sonra Header.php <body> altına aşağıdaki kodları kopyalayın.

<img onmouseover=”document.getElementById(‘beep-one’).play()” onMouseOut=”document.getElementById(‘beep-one’).pause()” src=”<?php bloginfo(‘template_url’); ?>/Resim.png” alt=”Ozengen.com resim tag” />
<audio style=”display:none;” id=”beep-one” controls=”controls” preload=”auto”>
<source src=”<?php bloginfo(‘template_url’); ?>/Muzik.mp3″></source>
<source src=”<?php bloginfo(‘template_url’); ?>/muzik.ogg”></source>
</audio>
</div>

Gerekli düzenlemeleri yaptıktan sonra dosyalarımızı tema klasörü içine kopyalıyoruz. Sayfanıza girerek işlemleri test edebilirsiniz. Sorun yaşayan arkadaşlar yorum atarsa yardımcı olmaya çalışırız.

Reklamlar
Paylaş

Yakın zamanda yayınlananlar

Telefonda konuşurken başka biri aradığında görme

Telefonla konuşurken başka bir kişinin aradığını görmek günümüzde akıllı telefonların sunduğu en önemli iletişim özelliklerinden…

4 hafta Önce

VMware Lisans Fiyatları: Core Bazlı Lisanslama Modeli ve Teknik Değerlendirme

2024 yılında Broadcom tarafından tamamlanan satın alma sürecinin ardından VMware’in lisanslama stratejisinde köklü değişiklikler yapıldı.…

1 ay Önce

Telefondan Salt Okunur Kişi Nasıl Silinir?

Telefon rehberinizde yer alan bazı numaraları silmek istediğinizde “salt okunur kişi silinemez”, “bu kişi düzenlenemez”…

1 ay Önce

Yapay Zeka Okuryazarlığı ve Prompt Mühendisliğinin Geleceği

Dijital dönüşüm hız kazandıkça yapay zeka okuryazarlığı ve prompt mühendisliği kavramları hem bireyler hem de…

1 ay Önce

e-Devlet Mobil Onay Kaldırma Nasıl Yapılır?

e-Devlet Kapısı, vatandaşların kamu kurumlarına ait pek çok hizmete tek noktadan, hızlı ve güvenli biçimde…

3 ay Önce

Yapay Zekâ ile Ses Oluşturma: Teknolojisi, Kullanım Alanları ve Geleceği

Yapay zekâ (AI) teknolojilerinin hızlı gelişimi, insan–makine etkileşiminde köklü değişiklikler yaratmıştır. Bu dönüşümün en dikkat…

3 ay Önce
Reklamlar