WordPress加载自定义JS和CSS的经验分享

惠惠软件

于 2022-12-29 18:07:25 发布

阅读量669

点赞数

CC 4.0 BY-SA版权

分类专栏：运营和管理资源分享文章标签： javascript css 前端

本文链接：https://blog.csdn.net/weixin_43097956/article/details/128485992

资源分享同时被 2 个专栏收录

251 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

运营和管理

159 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文分享了在WordPress中如何加载自定义CSS和JS的实践经验，详细阐述了两个关键步骤：1、如何有效地引入自定义CSS以增强网站样式；2、怎样正确加载自定义JS文件以实现交互功能，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、自定义CSS

    //加载额外的css到wordpress
    function my_new_css(){
    	wp_register_style('comments',get_template_directory_uri().'/css/comments.css');
    }
    add_action('wp_enqueue_scripts','my_new_css');

2、自定义JS

function lifet_scripts() {
	wp_enqueue_script( 'lifet-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '1', true );
	wp_enqueue_script( 'lifet-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '2', true );
}
add_action( 'wp_enqueue_scripts', 'lifet_scripts' );