Menambahkan dan Memutar mp3 pada WordPress

Tutorial Blog Wordpress berikut ini untuk menampilkan file audio yang berformat mp3 pada setiap melakukan posting di blog Wordpres Self-Hosting yang memang saat itu perlu kita tampilkan. Memutar file mp3 ini tidak diperlukan plugin, yang dibutuhkan adalah JW-Player yang didapat dari longtailvideo.com.

1. Download lebih dahulu JW-Player, klik Disini.

2. Extract kemudian Upload file folder JW tersebut ke root domain kamu. http://my-site.com/wp-content/themes/my-theme/jw/. Contoh : untuk blog ini diupload kedalam root domain http://digituck.com/wp-content/themes/digitucktheme/jw/.

3. Setelah selesai di upload, kita sedikit menambahkan kode ke dalam Appearance Editor Admin panel Wordpress. Letakkan kode dibawah ini kedalam Single Post (single.php). Diletakkan tepat dibawah <div class="PostContent"></div> kemudian simpan perubahan.

<?php $mp3s = get_children( 'numberposts=-1&post_type=attachment&post_mime_type=audio&post_parent='.$post->ID ); if (!empty($mp3s)) : ?> <?php foreach($mp3s as $mp3) : ?> <object width='470' height='24' id='single<?php echo $mp3->ID; ?>' name='single<?php echo $mp3->ID; ?>'> <param name='movie' value='player.swf'> <param name='allowfullscreen' value='true'> <param name='allowscriptaccess' value='always'> <param name='wmode' value='transparent'> <param name='flashvars' value='file=<?php echo $mp3->guid;?>'> <embed id='single<?php echo $mp3->ID;?>' name='single<?php echo $mp3->ID;?>' src='<?php bloginfo('template_url'); ?>/jw/player.swf' width='470' height='24' bgcolor='#ffffff' allowscriptaccess='always' allowfullscreen='true' flashvars='file=<?php echo $mp3->guid; ?>' /> </object> <?php endforeach; ?> <?php endif; ?>

4. Nah, sekarang kita lakukan Tes Posting, buka menu Post - Add New pada Admin Panel Wordpress seperti layaknya kita membuat postingan baru. Didalam postingan yang kita buat, kita tambahkan file mp3 yang akan kita sertakan dalam postingan tersebut melalui tombol Add Media (Tombol Upload/Insert tepat dibawah Judul, Permalink). Namun setelah memilih dan upload file mp3, jangan klik tombol Insert Into Post, karena dengan kita langsung men-save file mp3 tersebut otomatis Wordpress akan Attach file media mp3 tersebut kedalam postingan yang sedang kita buat. Perhatikan gambar berikut ini :

Posted in: Blogging Wordpress,Installasi Wordpress,mp3 pada WordPress,Tutorial,Tutorial Wordpress,Wordpress Installation