Question

我的wordpress知识非常低，我迫切需要帮助将一些jQuery函数添加到wordpress子主题。

我基本上想将this effect添加到front-page.php

我有点理解如何使用functions.php来排队我的脚本。这是我的functions.php文件的样子

 <?php
function enqueue_scripts() {
    wp_register_script( 'js name', get_template_directory_uri() . '/myfile.js', array( 'jquery' ), '1.0', true );
    wp_register_script( 'js name', get_template_directory_uri() . '/myfile.js', array( 'jquery' ), '1.0', true );
    wp_register_script( 'js name', get_template_directory_uri() . '/myfile.js', array( 'jquery' ), '1.0', true );


    wp_enqueue_script( 'global' );

    if ( is_page( 'front-page' ) ) { // example page
        wp_enqueue_script( 'js name', 'js name', 'js name' );
    }
}

add_action( 'wp_enqueue_scripts', 'enqueue_scripts' );
?>

截至目前，它当然不起作用。

非常感谢任何帮助。感谢。

Answer 1

试试这个：

function yourtheme_enqueue_scripts() {
    wp_register_script( 'js_name', get_template_directory_uri() . '/myfile.js', array( 'jquery' ), '1.0', true );
    wp_register_script( 'js_name_2', get_template_directory_uri() . '/myfile2.js', array( 'jquery' ), '1.0', true );
    wp_register_script( 'js_name_3', get_template_directory_uri() . '/myfile3.js', array( 'jquery' ), '1.0', true );


    if ( is_front_page() ) { 
        wp_enqueue_script( 'js_name' );
        wp_enqueue_script( 'js_name_2' );
        wp_enqueue_script( 'js_name_3' );
    }
}

add_action( 'wp_enqueue_scripts', 'yourtheme_enqueue_scripts' );

在您的主题根文件夹（与functions.php相同的文件夹）中，创建名为 myfile.js 的新文件。这是您在上面的函数中引用的文件。

随着主题大小的增加，整理文件会更好。您可以通过创建子文件夹来完成此操作，如下所示：

创建一个名为assets的文件夹（name可以是任何内容）;
内部资源创建三个名为js，css和images的新文件夹;
将您的文件放在正确的文件夹中;
更新您的功能以遵循文件夹的正确路径;

e.g。

wp_register_script( 'js_name', get_template_directory_uri() . '/assets/js/myfile.js', array( 'jquery' ), '1.0', true );

注意：您不必在您的functions.php中关闭?>。

jQuery使用enqueue对Wordpress子主题起作用

1 个答案: