Hoe kun je Wordpress variabelen gebruiken in javascript?

08-09-2020

wordpress 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";
Kom je er alsnog niet uit en heb je hulp nodig? Aarzel niet om contact op te nemen!
About image