WordPress主题开发判断函数大全

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

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

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

正确引入JS、css的方法

//WordPress正确引入JS、css的方法

function cinui_scripts()
{
$theme_assets = get_template_directory_uri() . ‘/static’;
if (!is_admin()) {
// 禁用jquery和110n翻译
wp_deregister_script(‘jquery’);
wp_deregister_script(‘l10n’);

//引入CSS
wp_enqueue_style ( ‘style’ ,get_template_directory_uri().”/style.css” ,array(), false, ‘all’);
wp_enqueue_style(‘cinui’, $theme_assets . ‘/css/cinui.css’, array(), ”, ‘all’);

// 引入JS
wp_enqueue_script(‘jquery’, $theme_assets . ‘/js/jquery.min.js’, ”, false);
wp_enqueue_script(‘cinui’, $theme_assets . ‘/js/cinui.min.js’, array(), ”, false);
wp_enqueue_script(‘app’, $theme_assets . ‘/js/app.min.js’, array(), ”, false);
wp_enqueue_script(‘index’, $theme_assets . ‘/js/index.js’, array(), ”, false);
}
}
add_action(‘wp_enqueue_scripts’, ‘cinui_scripts’);

 

  • 3554稳定运行(天)
  • 1会员总数(位)
  • 28195资源总数(个)
  • 0 本周更新(个)
  • 0今日发布(个)

目前已经有 1 位会员加入