Funciones en Wordpress

[Middrel]

Hola, buenas tardes,

Tengo una duda al querer implementar algo en una página hecha en Wordpress, me explico:

Tengo el siguiente código en javascript, el cuál si funciona:

radio-script.js

Código Javascript:

// JavaScript Document
 
function hora(){
    var fecha = new Date();
    var hora = fecha.getHours();
    var minuto = fecha.getMinutes();
    var segundo = fecha.getSeconds();
    if (hora < 10) {hora = "0" + hora}
    if (minuto < 10) {minuto = "0" + minuto}
    if (segundo < 10) {segundo = "0" + segundo}
    var horita = hora + ":" + minuto + ":" + segundo;
    document.getElementById('hora').firstChild.nodeValue = horita;
    tiempo = setTimeout('hora()',1000);
    
    if(hora >= 10 && minuto > 20){
        document.write('<br /><audio autoplay="true" controls><source src="http://38.96.148.212:8002/;stream.mp3" type="audio/mpeg" />Tu navegador no es compatible con esta característica.</audio><br />');       
    }
}
 
function inicio(){
    document.write('<span id="hora">');
    document.write ('000000</span>');
    
    hora();
}
 

Estaba viendo en un post anterior, que debo usar lo siguiente en el archivo de funciones.php de Wordpress:

Código PHP:

  function incrustar_archivo_javascript() { 
     
    //Esta variable debe contener el slug, la id, o el nombre de la página 
    $pagina    = 'mi-pagina'; 
     
    if ( is_page( $pagina )  ) { 
     
        wp_enqueue_script( 'id-para-tu-script-da-igual-cual-sea', 'ruta-del-archivo-js-a-incrustar' ); 
     
    } 
     
} 
 
add_action( 'wp_enqueue_scripts', 'incrustar_archivo_javascript' );  
   

Nunca he hecho esto, así que tengo algunas dudas, por ejemplo:

$pagina = 'mi-pagina'; -> no tengo problemas, tengo identificado el ID
'id-para-tu-script-da-igual-cual-sea' -> Supongo que puedo usar cualquiera, como p.ej., 5001
'ruta-del-archivo-js-a-incrustar' -> En este punto, ¿dónde es conveniente poner el script "radio-script.js"?
'incrustar_archivo_javascript' -> Mmmm.. no entiendo que meter ahí, la ruta también? o el nombre del archivo js (radio-script.js)?

Ahora, si ya tuviera lo anterior, ¿cómo lo llamo?

Necesito meter el resultado en un widget para HTML, ¿cómo lo invocaría?

Si alguien puede ayudarme con estas dudas, le agradezco, de antemano que tengan una buena tarde.

Saludos!!

[siddartha23]

'id-para-tu-script-da-igual-cual-sea' -> Este es el identificador del script que vas a incrustar en el DOM puedes usarlo, por ejemplo, para crear una 'dependencia', digamos que tienes dos scripts funciones.js y miscripts.js cada uno con su identificador: Funciones-js y Mis-Scripts-js respectivamente y necesitas que el segundo script siempre cargue después de funciones; al llamarlo puedes pasarle un array con el identificador del primer script :

Código PHP:

wp_enqueue_script( 'Mis-Scripts-js', get_stylesheet_directory_uri() . '/js/miscripts.js', array('Funciones-js') );
 

'ruta-del-archivo-js-a-incrustar' -> Como ves uso la función get_stylesheet_directory_uri() para ubicar la ruta hasta el archivo style.css de mi tema y luego sigo la ruta hasta donde tenga mi script.

'incrustar_archivo_javascript' -> Aquí pones el nombre de la función que estas usando para cargar el script en el DOM, en tu caso la función es incrustar_archivo_javascript(), no necesitas poner los paréntesis.

Para lo otro necesitas hacer un WP_Widget y registrar un sidebar si no te basta con los que ya tienes...