解决:在wordpress调用CSS最常用的两种方法

in 问题解决WordPress with 0 comment

在制作wordpress主题时,css的引入是我们制作主题时首要解决的问题点,任意一款php程序都要加载css样式表,当然你可以很刚的把绝对地址复制过上,当然你也可以直接借鉴wordpress官方提供的三款默认主题来套用css调用的方式。

我今天分享大家的是最大优化的后的css调用方法,其实也就是网上就常用的两种。
一、在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媒体类型
); 
?>

以上就是wordpress调用css文件最常用最高效的两种方式,希望你在不断的求知中,不断获得进步。

Responses