javascript - 如何将 jquery 库和 js 文件加载到 WordPress 主题中？-6ren

javascript - 如何将 jquery 库和 js 文件加载到 WordPress 主题中？

转载作者：行者123 更新时间：2023-11-28 05:01:42

过去一天我一直在尝试将 jquery 库和 js 文件加载到我的 WordPress 主题中，但不知道如何执行此操作，而且我看到的所有说明都不同且不起作用。

目前:

函数.php

<?php

function wpb_custom_new_menu() {
    register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}

add_action( 'init', 'wpb_custom_new_menu' );

function enqueue_stylesheets() {
    wp_enqueue_style('style', get_stylesheet_directory_uri() . '/style.css');
}

function enqeue_scripts() {
    wp_enqueue_script('homeSlider', get_stylesheet_directory_uri() . '/js/homeSlider.js', array('jquery'));
}

add_action('wp_enqueue_scripts', 'enqueue_stylesheets');

标题.php

<head> 

    <meta charset="utf-8"> 

    <meta name="viewport" content="width=device-width, initial-scale=1">  

    <title><?php echo get_bloginfo( 'name' ); ?></title>

    <meta name="description" content="<?php get_bloginfo( 'description' ); ?>">

   <?php wp_head(); ?>

</head>

最佳答案

不强制通过functions.php文件添加css和js文件，可以直接在header.php中添加css和js文件

就像这样:

<head> 

    <meta charset="utf-8"> 

    <meta name="viewport" content="width=device-width, initial-scale=1">  

    <title><?php echo get_bloginfo( 'name' ); ?></title>

    <meta name="description" content="<?php get_bloginfo( 'description' ); ?>">

    //Include CSS files
    <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/style.css">

    //Including JS files
    <script type="text/javascript" src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/homeSlider.js"></script>

   <?php wp_head(); ?>

</head>

希望这对您有帮助。

关于javascript - 如何将 jquery 库和 js 文件加载到 WordPress 主题中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42092236/