Anasayfa / Web Tasarım / WordPress’e Sesli Resim Nasıl Eklenir

WordPress’e Sesli Resim Nasıl Eklenir

wordpress destek

Reklamlar

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:

Reklamlar

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

Hakkında Serkan Çataltaş

1987 Yılında Malatya'da doğdu. Netaş'ta çalışmalarına devam etmektedir.

Cevapla

E-posta adresiniz yayınlanmayacak. Gerekli alanlar işaretlenmelidir *

*