Geek the Planet


How To no image

Published on Abril 12th, 2008 | by Angelfire

0

How To: Cargar Javascript en tus plugins de wordpress

Agregar Javascript dentro de la página de adminstración (Dashboard), es una parte fundamental dentro de la codificación de un plugin. Critica y a la vez trivial ya que probablemente es la razón número 1 porque la que se presentan conflictos con otros plugins, cuando el plugin necesita de Javascript, los buenos desarrolladores de plugins se deben verificar los siguientes puntos:

  • Agregar Javascript sólo una vez: Si necesita prototype, jQuery, Moontool, etc, asegurese de no incluirlo en repetidas ocaciones y verificar que no haya sido ya incluido.
  • Incluir Javascript sólo en la página de su plugin: Evite cargar yourscript.js en cada una de las páginas de administración (con “admin_head”).

Agregar Javascript solo una vez

Necesita incluir alguna libreria Javascript o algún Script externo? nunca utilice la siguiente línea: echo ‘<script src=”javascriptlibrary.js”></script>’;, el script ya podria haber sido cargado, lo que significaria agregarlo y cargarlo de nuevo.

En lugar de ello puede utilizar wp_enqueue_script():


wp_enqueue_script('prototype');
wp_enqueue_script('myscript', '/wp-content/plugins/myplugin/myscript.js');
wp_enqueue_script('theirscript', 'http://theirsite.com/script.js');

Incluso más fácil, si su plugin necesita por ejemplo Scriptaculous para trabajar, solo hay necesidad de:

wp_enqueue_script('myscript', '/wp-content/plugins/myplugin/myscript.js', array('scriptaculous') );

Modo de Uso:
wp_enqueue_script( [string: handle], [optional string: src], [optional array: dependencies], [optional string: version number])

Mas Información: Function Reference/wp enqueue script

Agregar javascript sólo en tu página

Nunca utilizes la llamada a “admin_head” para añadir un script, no sólo estaria añadiendo el script a cada una de las páginas de administración (Dashboard, Comments, Manage, ect) sino también a todas las páginas de los otros plugins, una manera inteligente de trabajar es utilizando la función strpos() por encima de $pagenow o $_SERVER[‘REQUEST_URI’], deberia usar la llamada ‘admin_print_scripts-(page_hook)’.

Ejemplo de como se deberia crear un plugin para la página Manage del panel de administración:


$mypage = add_management_page( 'myplugin', 'myplugin', 9, __FILE__, 'myplugin_admin_page' );
add_action( "admin_print_scripts-$mypage", 'myplugin_admin_head' );
function myplugin_admin_head() {
// what your plugin needs in its <head>
}

Leer Más: How To: Load Javascript With Your WordPress Plugin

Tags: , ,


About the Author

Systems Engineering, Computer Systems Specialist, Social Engineering Specialist. Social Media Analyzer. Usability and SEO enthusiasm (Este es mi perfil de Twitter...)



Comments are closed.

Back to Top ↑
  • Comentarios recientes

  • Miniposts

    • iOS 8 disponible para descargar

      Hoy se anunció de manera oficial iOS 8, la fecha de llegada será el próximo 17 de septiembre. En iPhonehacks han recopilado los enlaces de descarga directo para los diferentes dispositivos que soportan la nueva versión del sistema operativo. Así que para quienes no desean esperar, ya pueden acceder a la versión Golden Master ...

    • Festigame Colombia 2014

      El festival de videojuegos, cultura gamer y entretenimiento familiar más grande de América Latina ha llegado a nuestro país. Festigame que es un evento creado en Chile en 2012, se ha convertido en el evento anual donde las marcas más importantes de la industria presentan sus últimos productos en el ...

    • Peter Griffin también tiene cuenta en Instagram

      El protagonista de la serie de humor, Padre de Familia, Peter Griffin ha inaugurado su presencia en la red social de fotografía con divertidas fotografías de su vida, y a pesar de ser un personaje de ficción ya ha superado los 200.000 seguidores en tan sólo dos semanas. Son unas fotos bastante divertidas, las ...

    • Manual y documentación de Node.js para Android

      Node.js se ha venido haciendo bastante popular en los últimos años, cada vez son más los usos que como desarrolladores web le damos a esta tecnología. La siguiente aplicación es el manual y la documentación de Node.js, que contiene los siguientes temas: About these Docs Synopsis Assertion Testing Buffer C/C++ Addons Child Processes Cluster Console Crypto Debugger DNS Domain Events File System Globals HTTP HTTPS Modules Net OS Path Process Punycode Query Strings Readline REPL Stream String Decoder Timers TLS/SSL TTY UDP/Datagram URL Utilities VM ZLIB

    • Star Wars Traceroute

      ¿Qué pasa cuando un ingeniero está muy desocupado? pues pasan cosas como esta: Mac y Linux Van a la consola y escriben: traceroute 216.81.59.173 Windows Buscan el CMD y escriben: tracert 216.81.59.173 El resultado es interesante y sorprendente. Si quieren ver la salida de la ejecución del comando, pueden ver el gist Ver más: Beagle Network

  • Comunicados - Notas de Prensa