Blogブログ

Day: March 18, 2014

wp_enqueue_script したjsファイルにphpから変数を渡す

タイトルどおりの事がしたく、調べてみるととても簡単だったのでメモ。 wp_localize_scriptというタグを使います。 たとえばphpから下のようにjsを読ませて、 wp_register_script( ‘sample’, get_path . ‘/js/sample.js’, “”,true); wp_enqueue_script( ‘sample’ ); wp_localize_scriptを追加します。こんな形になります。 wp_register_script( ‘sample’, get_path . ‘/js/sample.js’, “”,true); wp_enqueue_script( ‘sample’ ); $variable_array = array( ‘hoge’ => ‘huga’); wp_localize_script( ‘sample’, ‘variable_array ‘, $variable_array ); すると、sample.js側ではvariable_array オブジェクト無いのhoge を取ることができます。 console.log(variable_array.hoge); ワードプレスのテーマ内のJSでajaxする時などによく使っています。