Hoe kun je WordPress variabelen gebruiken in javascript?

Soms is het handig als je WordPress variabelen in je javascript kunt gebruiken, bijvoorbeeld als je het pad naar je plugin directory wilt opvragen. WordPress heeft hier een functie voor!

De functie die je nodig hebt heet: wp_localize_script

In onderstaand voorbeeld is de eerste regel je javascript bestand waar je de variabelen wilt gaan gebruiken. Via de tweede regel zie je hoe je één (in onderstaand geval) of meerdere parameters kunt doorpassen naar je script:

wp_enqueue_script('mijn-script', get_stylesheet_directory_uri() . '/js/app.js');
wp_localize_script('mijn-script', 'mijnScript', array(
  'pluginsUrl' => plugins_url()
));

In je javascript file kun je dan de variabele als volgt gebruiken:

loaderimg.src = mijnScript.pluginsUrl + "/mijn-plugin/img/loader.gif";