WordPress - エコー.jsファイル内の詳細なカスタムフィールド

Question

私はWordPressページテンプレートに基づいてスクリプトをエンキューしています。これらのスクリプトはACF値をエコーアウトする必要があります。物事をより複雑にするために、私のスクリプトを動的にカスタムフィールド例えばを含んHTML：

innerHTML = '<img src="<?php echo the_field('ad_banner'); ?>"' 

を構築ファイルには、これらのHTML文字列を構築するために、.jsファイルにこれらのフィールドをエコーすることは可能ですか？私は以下のようにwp_localize_script使用してみましたが、明らかに間違って何かをやっている

：

wp_enqueue_script('pagination-retailers'); 
    wp_localize_script('pagination-retailers', 'script_vars', array(
    'banner' => get_field("ad_banner") 
    ) 
); 

どうもありがとうございました

Answer 1

あなたがwp_localize_script()を使用する場合、その名前は、第二引数であるオブジェクトのjavascriptあなたを作成します関数。

ので、あなたはまた、自分のホームページのソースコードにオブジェクトを確認することができます

innerHTML = '<img src="'+script_vars.banner+'"'; 

このようなあなたのJavaScriptファイルでそれを呼び出すことができます。 jsファイルの後になります。