Question

我创建了自己的独立WP主题，但是该站点没有看到脚本，因此我以这种方式编写了

<script src="<?php bloginfo('template_directory'); ?>/js/jquery-3.3.1.min.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/bootstrap.min.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/fullpage.min.js"></script>
<script defer src="<?php bloginfo('template_directory'); ?>/js/all.min.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/main.js"></script>

现在它可以工作，但是我不喜欢这部分代码的样子。有什么方法可以使脚本对index.php文件可见？

Answer 1

例如，我的子主题文件夹中有一个javascript文件，因此我正在使用get_stylesheet_directory_uri（）在此处查找路径。

function add_script() {
    wp_enqueue_script( 'custom_js', get_stylesheet_directory_uri() . '/custom.js');
}

add_action('wp_enqueue_scripts', 'add_script');

基本上我只是将此脚本添加到我的functions.php文件中

Answer 2

您从index.php中删除了脚本代码，并在functions.php中添加了排队代码

尝试使用此功能

function add_theme_scripts() {
    // Enqueue the script
    wp_enqueue_script('script',  get_stylesheet_directory_uri() . '/js/jquery-3.3.1.min.js');
    wp_enqueue_script('script',  get_stylesheet_directory_uri() . '/js/bootstrap.min.js');
    wp_enqueue_script('script',  get_stylesheet_directory_uri() . '/js/fullpage.min.js');
    wp_enqueue_script('script',  get_stylesheet_directory_uri() . '/js/all.min.js');
    wp_enqueue_script('script',  get_stylesheet_directory_uri() . '/js/main.js');
}
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );

谢谢！！

Answer 3

我使用了@Priyanka Modi的答案，但进行了一些编辑。我的工作代码如下

<?php   
function add_theme_scripts() {
    wp_deregister_script( 'jquery' );

    wp_register_script('jquery-3.3.1.min', get_stylesheet_directory_uri().'/js/jquery-3.3.1.min.js');
    wp_register_script('bootstrap.min', get_stylesheet_directory_uri().'/js/bootstrap.min.js');
    wp_register_script('fullpage.min', get_stylesheet_directory_uri().'/js/fullpage.min.js');
    wp_register_script('all.min', get_stylesheet_directory_uri().'/js/all.min.js');
    wp_register_script('main', get_stylesheet_directory_uri().'/js/main.js');

    wp_enqueue_script('jquery-3.3.1.min');
    wp_enqueue_script('bootstrap.min');
    wp_enqueue_script('fullpage.min');
    wp_enqueue_script('all.min');
    wp_enqueue_script('main');
}

add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );

WordPress主题看不到js文件

3 个答案: