Incrustar un archivo MP3 con enlace para descargar con shortcode…

Al parecer se me ha hecho costumbre lo de los shortcodes; el hecho es que estoy evitando lo más que pueda el uso de plugins; y basándome en los requerimientos que tengo para mi web, pues he elaborado un shortcode para incrustar archivos de mp3 con su respectivo enlace; es decir el reproductor en si para escuchar el audio y el enlace para descargar el archivo correspondiente.

El reproductor que he utilizado es el xspf la versión slim, es decir el modo simple; pueden descargarlo el siguiente enlace: Reproductor XSPF Versión Slim

El arhivo trae consigo el archivo .fla y el actionscript; pero el que vamos a utilizar es el el xspf_slim_player.swf que subimos a una carpeta de nuestro servidor; podría ser la carpeta music o la que deseen.

Utilizando Archivos de Servidor Externo

En el functions.php agregar el siguiente código:

/*REPRODUCTOR MP3 SERVIDOR EXTERNO*/
function musiclink($attr, $content) {
return '<div style="width:560px; border:1px solid #b5cedd; padding:10px; margin:10px 0 0 0;">
<div style="width:560px; height:20px; background:#b5cedd; float:left; margin-bottom:5px;"><div style="margin-left: 55px; text-transform:uppercase; color:#1b3e5c; font-weight:bold; width: 200px; float:left;">Reproducir</div>
<div style="float:left; text-align:right; margin-right:25px; width:150px; text-transform:uppercase; font-weight:bold; color:#1b35c;">Descargar</div>
</div>
<object type="application/x-shockwave-flash" width="180" height="20"
style="float:left; margin-left:10px;" data="http://dominio.com/ruta del reproductor/player.swf?song_url='. $attr['href'] .'&amp;player_title='.$content.'&amp;song_title='.$content.'"><param name="movie" value="http://dominio.com/ruta del reproductor/player.swf?song_url='.$attr['href'].'" /> </object><div style="text-transform:uppercase; font-weight:bold;"><a style="color:#1b3e5c; margin: 0 0 0 25px;" href="'. $attr['href'] .'">'.$content.'</a></div></div>';
}
add_shortcode('music', 'musiclink');

La utilización del shortcode es el siguiente:

[music href="http://dominio.com/ruta/completa/del/archivo.mp3"]Nombre del Archivo[/music]

Como ya le di formato en el mimo código, la visualización será de la siguiente manera:

 

Espero que les haya servido, lo pueden ver funcionando en

NOTA: Tienen que cambiar http://midominio.com por su dominio o la ruta del reproductor.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(0 votos, promedio: 0)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

7 comentarios en “Incrustar un archivo MP3 con enlace para descargar con shortcode…”

  1. Pingback: Descargas de archivos MP3 en Wordpress con Shortcodes | Recursos para Diseñadores Gráficos y Web | Creativos Online

  2. lindo el chiste de cambiar midominio.com y sudominio.com jajajaja, me rei un poquito, jajaja: y disculpen si me equivoque con el enlace de mi página el dominio es org. Sorry. Espero que esta Semana Santa sea de reflexion para todos… Salu2…

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido