我在 wp_enqueue_script 中的错误在哪里？答案

【问题标题】：Where is my mistake in the wp_enqueue_script?我在 wp_enqueue_script 中的错误在哪里？
【发布时间】：2023-02-22 03:50:48
【问题描述】：

我正在做一个投资组合。我不想浪费太多时间，但作为新手，这对我来说仍然很困难，所以我挑战自己。所以我采用了模板引导程序，我想在我的 wordpress 网站上“导入”该模板。

我使用 wp_enqueue_script 将我的 css 和 js 链接到我的页面。这里是 function.php 中的代码：

unction portoflio_theme_bootstrap_scripts() {

wp_enqueue_style( 'bootstrap', get_template_directory_uri() .'/assets/vendor/bootstrap/css/bootstrap.min.css', array());
wp_enqueue_style( 'bootstrap-icons', get_template_directory_uri() .'/assets/vendor/bootstrap-icons/bootstrap-icons.css', array());
wp_enqueue_style( 'boxicons', get_template_directory_uri() .'/assets/vendor/boxicons/css/boxicons.min.css', array());
wp_enqueue_style( 'glightbox', get_template_directory_uri() .'/assets/vendor/glightbox/css/glightbox.min.css', array());
wp_enqueue_style( 'swiper', get_template_directory_uri() .'/assets/vendor/swiper/swiper-bundle.min.css', array());
wp_enqueue_style( 'main-style', get_template_directory_uri() .'/assets/css/style.css', array());

    wp_enqueue_script( 'purecounter', get_template_directory_uri() . '/assets/vendor/purecounter/purecounter_vanilla.js', array());
    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js', array());
    wp_enqueue_script( 'glightbox', get_template_directory_uri() . '/assets/vendor/glightbox/js/glightbox.min.js', array());
    wp_enqueue_script( 'isotope-layout', get_template_directory_uri() . '/assets/vendor/isotope-layout/isotope.pkgd.min.js', array());
    wp_enqueue_script( 'swiper', get_template_directory_uri() . '/assets/vendor/swiper/swiper-bundle.min.js', array());
    wp_enqueue_script( 'waypoints', get_template_directory_uri() . '/assets/vendor/waypoints/noframework.waypoints.js', array());
    wp_enqueue_script( 'custom-js', get_template_directory_uri() . '/assets/js/main.js', array());


    }

add_action( 'wp_enqueue_scripts', 'portoflio_theme_bootstrap_scripts' );

css 正在工作，但 js 不是真的。我认为 js“isotope-layout”正在运行，因为如果没有这个文件，porfolio 部分将不起作用。那么，如果这个 js 文件有效，为什么其他的不起作用？我在某个地方做错了。

这是我一页作品集的链接：https://pierre-fayard.com/visual-composer-3615/

我搜索并尝试了很多东西，但没有任何效果。如果您需要更多文件，请告诉我。我是新手所以也许我忘记了什么。

谢谢！

【问题讨论】：

查看您的浏览器开发工具，特别是控制台和网络选项卡，以解决此类问题。您缺少一些 jpg 文件和一个缺少的 style.css。
如果您在找到解决方案后关闭问题，那就太好了。查看您的链接，似乎它现在正在工作。
我查看了开发工具，修复了丢失的 style.css，但我不明白为什么 jpg 没有显示出来。 @Sun 不，确实这行不通，我尝试直接在页脚中添加脚本而不通过 function.php 但是 1. 根据我在网上找到的内容，这不是好的答案 2. 这不是真的解决问题，因为我还有一些问题。

标签： wordpress bootstrap-5 wp-enqueue-scripts

【解决方案1】：

你可以实现它而不必搞砸function.php。

下载this plugin。

使用 FTP 连接或使用 File Manager plugin，将 JS 和 CSS 文件相应地上传到 assets 文件夹中。

然后修改plugin.php，按照提供的示例代码格式，在function custom_enqueue_files()内添加JS和CSS排队代码。

【讨论】：