WordPress调用CSS最常用的方法有哪些?

无评论

作者照片

By 霜天

开发人员在WordPress主题开发的时候,调用CSS是开发主题是第一需要解决的问题,那么WordPress调用CSS最常用的方法有哪些?

1.在WordPress主题的头部文件header.php中直接引入css文件

<link rel=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”stylesheet\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\” href=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”https://www.wpzt.net/<?php echo get_template_directory_uri(); ?>/style.css\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”>

<script src=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”https://www.wpzt.net/<?php echo get_template_directory_uri(); ?>/bootstrap/js/bootstrap.js\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\”></script>

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

2.在主题的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最常用的两种方法,希望你在不断的求知中,不断获得进步。

发表评论