当前位置:首页WP教程WordPress正确引入加载JS、css文件的方法

WordPress正确引入加载JS、css文件的方法

我们在开发WordPress主题过程中,会需要添加css、js文件,WordPress为开发者提供了一个很好的脚本及样式文件的排队系统,这有助于防止插件之间的脚…

我们在开发WordPress主题过程中,会需要添加css、js文件,WordPress为开发者提供了一个很好的脚本及样式文件的排队系统,这有助于防止插件之间的脚本冲突问题。这篇文章主题君主要为大家介绍WordPress中添加Javascript文件与css文件的方法,对那些刚开始学习WordPress主题和插件的开发是特别有用的。

很多人都接使用link、script标签写进HTML当中,其实WordPress内置了比较完善的引用脚本的函数和方法。

显然,使用WordPress内置的方法引用,更专业更具有可扩展性一些。

正确引入JS、css的方法

//WordPress正确引入JS、css的方法function wptoo_scripts(){$theme_assets = get_template_directory_uri() . \'/static\';if (!is_admin()) {// 禁用jquery和110n翻译wp_deregister_script(\'jquery\');wp_deregister_script(\'l10n\');//引入CSSwp_enqueue_style ( \'style\'   ,get_template_directory_uri().\"/style.css\"        ,array(), false, \'all\');wp_enqueue_style(\'uikit\', $theme_assets . \'/css/uikit.css\', array(), \'\', \'all\');// 引入JSwp_enqueue_script(\'jquery\', $theme_assets . \'/js/jquery.min.js\', \'\', false);wp_enqueue_script(\'uikit\', $theme_assets . \'/js/uikit.min.js\', array(), \'\', false);wp_enqueue_script(\'\', $theme_assets . \'/js/clipboard.min.js\', array(), \'\', false);wp_enqueue_script(\'index\', $theme_assets . \'/js/index.js\', array(), \'\', false);}}add_action(\'wp_enqueue_scripts\', \'wptoo_scripts\');

给TA打赏
共{{data.count}}人
人已打赏
WP教程

WordPress纯代码免插件配置SMTP邮件功能教程

2023-3-8 22:14:23

WP教程

WordPress后台只显示当前用户的文章和媒体文件

2023-3-8 22:14:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
有新私信 私信列表
搜索