WordPress : Ejemplos funciones add_action,wp_enqueue_script , plugins_url

Ejemplo de Uso

Arbol de Carpetas

Admin  (carpeta en la raiz)

   -- bootstrap  (sub-carpeta)

   ---    js        (sub-sub-carpeta)

tesplugin.php    (Archivo en la raiz)

Ver video tutorial donde explica el uso de la funcion wp_enqueue_script   https://www.youtube.com/watch?v=G55U9HuOvVA

codigo en el archivo tesplugin.php: 

//cargar bootstrap

function EncolarBootstrapJS($hook){
    //echo "<script>console.log('$hook')</script>";
    if($hook != "testplugin/admin/lista_encuestas.php"){
        return ;
    }
    wp_enqueue_script('bootstrapJs',plugins_url('admin/bootstrap/js/bootstrap.min.js',__FILE__),array('jquery'));
}

add_action('admin_enqueue_scripts','EncolarBootstrapJS');

Explicacion del codigo anterior

→  function EncolarBootstrapJS : Creamos la funcion personalizada "EncolarBootstrapJS".

wp_enqueue_script('nombre_del_script',
plugins_url('admin/bootstrap/js/bootstrap.min.js',__FILE__),
array('jquery'));

Explicacion de la Funcion plugins_url

→ Funcion plugins_url () : Nos devuelve la ruta absoluta del archivo que se esta pasando como parametro y recibe 2 parametros

→ → Primer parametro es el nombre y ruta del archivo a cargar ('admin/bootstrap/js/bootstrap.min.js')

→ → Segundo parametro desde que ubicacion se cargara dicho archivo (__FILE__)

→ Funcion __FILE__ : Devuelve la ruta completa del archivo PHP que se está ejecutando. Si se usa dentro de un include , se devuelve el nombre del archivo incluido.

Explicacion de la funcion plugins_url , se cargara el archivo bootstrap.min.js  y se tomara la ruta partiendo del archivo que lo esta ejecutando(tesplugin.php donde la funcion __FILE__ devolvera la ruta de este archivo) , 

entonces quedararia asi , ruta del archivo que lo esta ejecutando y sub carpeta y nombre del archivo que se esta pasando como parametro ('admin/bootstrap/js/bootstrap.min.js')

Dependencia del archivo bootstrap.min.js

array('jquery') , el archivo bootstrap  depende de jquery por eso se pasa como parametro jquery para que se cargue  dicho archivo  , recuerda que WordPress ya viene incorporado con el archivo jquery

funcion add_action

la funcion add_action envia por defecto el nombre del hook como parametro , a la funcion en este caso "EncolarBootstrapJS" ,  sin que se le asigne..

en la consola verificamos que hook se le esta enviando

echo "<script>console.log('$hook')</script>";

saber el nombre del hook nos servira para crear una condicion y no cargar contenido en otras paginas.

Ver video tutorial donde explica el uso de la funcion wp_enqueue_script : https://www.youtube.com/watch?v=G55U9HuOvVA