📜  wordpress 将参数变量参数传递给入队脚本 - PHP (1)

📅  最后修改于: 2023-12-03 14:48:32.637000             🧑  作者: Mango

Wordpress 将参数变量参数传递给入队脚本 - PHP

在Wordpress开发中,你可能需要将一些参数变量传递给入队脚本,以实现一些特定的功能。这种情况下,你需要使用PHP来完成这个任务。下面是如何在Wordpress中将参数变量传递给入队脚本的方法。

首先,在主题的functions.php文件中添加以下内容:

function wp_enqueue_scripts_params() {
    $my_var = 'my-var-value';
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array('jquery'), null, true );
    wp_localize_script( 'custom-script', 'my_var', $my_var );
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_scripts_params' );

这段代码使用了wp_localize_script()函数来定义参数变量my_var,并将它传递给名为custom-script的脚本。在你编写的脚本中,你可以使用my_var变量来获取传递来的参数值。

例如,在js/custom-script.js文件中,你可以这样使用my_var变量:

console.log(my_var);

当这个脚本被加载时,它将输出"my-var-value"到浏览器的控制台。

在上面的例子中,我们为脚本传递了一个简单的字符串参数。你也可以传递一个复杂的对象。例如:

function wp_enqueue_scripts_params() {
    $my_var = array(
        'color' => 'blue',
        'size'  => 'large'
    );
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array('jquery'), null, true );
    wp_localize_script( 'custom-script', 'my_var', $my_var );
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_scripts_params' );

在你的脚本中,你可以像这样获取参数对象的具体值:

console.log(my_var.color);

这将输出"blue"到控制台。

总之,在Wordpress中将参数变量传递给入队脚本是一个非常有用的技术,可以帮助你更好地控制你的网站的行为和外观。希望上面的例子可以帮助你更好地理解如何实现这个功能。