首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

-Wordpress插件-在没有wp_enqueue_scripts的情况下包含js文件的正确方式

在没有wp_enqueue_scripts的情况下,可以使用以下方式来正确地包含JavaScript文件:

  1. 将JavaScript文件直接包含在WordPress主题的header.php或footer.php文件中。这种方式简单直接,但不推荐使用,因为它会导致代码混乱,难以维护,并且可能与其他插件或主题产生冲突。
  2. 创建一个自定义函数,并在需要的地方调用该函数来包含JavaScript文件。首先,在主题的functions.php文件中添加以下代码:
代码语言:txt
复制
function include_custom_js() {
    echo '<script src="' . get_template_directory_uri() . '/js/custom.js"></script>';
}

然后,在需要包含JavaScript文件的地方调用该函数:

代码语言:txt
复制
<?php include_custom_js(); ?>

这种方式可以更好地组织代码,并且避免了与其他插件或主题的冲突。

  1. 使用WordPress提供的wp_enqueue_script函数来包含JavaScript文件。首先,在主题的functions.php文件中添加以下代码:
代码语言:txt
复制
function enqueue_custom_js() {
    wp_enqueue_script('custom-js', get_template_directory_uri() . '/js/custom.js', array(), '1.0', true);
}
add_action('wp_enqueue_scripts', 'enqueue_custom_js');

然后,在需要包含JavaScript文件的地方调用wp_enqueue_script函数:

代码语言:txt
复制
<?php wp_enqueue_script('custom-js'); ?>

这种方式是最推荐的方式,它会自动处理依赖关系,并确保JavaScript文件按照正确的顺序加载。

总结起来,正确包含JavaScript文件的方式有三种:直接包含、自定义函数包含和使用wp_enqueue_script函数包含。其中,使用wp_enqueue_script函数是最推荐的方式,因为它更加灵活、可维护,并且与其他插件或主题兼容性更好。

推荐的腾讯云相关产品:腾讯云对象存储(COS) 产品介绍链接地址:https://cloud.tencent.com/product/cos

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • WordPress 5.0默认老版编辑器

    有很多专栏作者用户,可能他们使用编辑器的习惯不同,那么他们的选择也是不同的。如果要为某些特定用户和文章类型禁用Gutenberg ,那么,这个插件会很有效。插件下载Disable Gutenberg首先需要安装并启用Disable Gutenberg插件,然后对插件进行设置,点击设置 禁用Gutenberg,保存即可。默认情况下,该插件会为网站上的所有用户禁用Gutenberg。但如果要为某些特定用户和文章类型禁用,则需要取消选中完全禁用选项。取消后将显示更多选项,以便为某些用户,文章类型,主题模板或单个文章有选择性的禁用Gutenberg。如果发现正在使用的WordPress插件与Gutenberg不兼容,而你又希望网站上其他区域可以使用Gutenberg,这款插件正好可以满足。方法3一句代码禁用Gutenberg古腾堡 编辑器其实之前经典的Classic Editor编辑器代码,在WordPress 50并没有被删除,上述插件也只是个切换开关而已。关键代码就一句 addfilteruseblockeditorforpost,returnfalse将代码添加到当前主题函数模板functionsphp中,即可切换回之前的编辑器,根本不需要那些插件。当然你想有更多的选择性,可以安装上述插件。后台禁用block editor编辑器后,前端还是会加载相关的的样式文件,还需要加上一句 removeactionwpenqueuescripts,wpcommonblockscriptsandstyles禁止前端加载样式文件。Classic Editor编辑器代码据WP官方称会延续集成到2021年才会从程序中彻底删除,但大家也不用担心,到时会有全套的Classic Editor编辑器插件让你选择。另外,完整中文版估计遥遥无期,目前50版完全可以用之前的语言文件,除了新编辑器没有汉化,其它没有影响。

    01
    领券