wordpress调用CSS JS最常用的两种方法

科学软件(梯子)

wordpress主题制作过程中,很重要的一步就是调用样式文件就是css文件,任何开发中都要调用css样式文件来实现定义前后端的布局及显示样式,本文歪主题就讲一下wordpress最简单实用的方法

第一种,在wordpress主题的头部文件header.php中直接引入css文件 如:

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css">
<script src="<?php echo get_template_directory_uri(); ?>/bootstrap/js/bootstrap.js"></script>

通过函数get_template_directory_uri()获得主题目录 通过echo输出。

第二种,在主题的functions.php中通过WP自带的函数wp_enqueue_style来加载Css样式。
wp_register_style() 函数是不强制使用的,我们可以用以下两种不同的方式使用 wp_enqueue_style():

<?php
 // 如果我们之前已经注册过样式
wp_enqueue_style( 'my-bootstrap-extension' ); 
// 如果我们之前没有注册,我们不得不设置 $src 参数!
wp_enqueue_style(
    'my-bootstrap-extension',
    get_template_directory_uri() . '/css/my-bootstrap-extension.css',
    array( 'bootstrap-main' ),
    null, // 举例不适用版本号
    // ...并且没有指定CSS媒体类型
); 
?>
赞(0)
分享到: 更多 (0)
广告位招租了啦!!!快来联系
此处应有广告

评论 抢沙发

评论前必须登录!

 



本站承接:网站制作相关业务 WORDPRESS相关业务

联系QQ:87614289 Email:waizhuti@qq.com
歪主题WordPress建站
售前解惑答疑 售后技术支持

觉得此资源很适合你的心情,那么联系客服购买吧~~

支付宝扫一扫付款

微信扫一扫付款

QQ扫一扫付款