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'] .'&player_title='.$content.'&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.
¿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. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)
Cambie http://midominio.com por http://sudominio.com y no funciona 🙁
Perdón pero es muy tarde y me dieron ganas del chistesito 😛
Hola, Fernando!
El enlace de Contigo Perú es un .org y no un .com 😉
Saludos desde Barcelona y feliz Semana Santa
Ahora lo cambio, pero el post no es mío, no me gusta retocar posts de colaboradores. Gracias por avisar.
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…
Y no hay alguna forma de integrar un boton en el editor de post?.
por cierto muy buenos los trucos, sigue asi .
amigo quiero colocar un archivo mp3 alojado en http://www.4shared.com
y cuando coloco el codigo para incrustarlo! no sale! nada!!.
como puedo hacer . S.O.S