零基础建站培训介绍

当前位置:

一个模板有多个css文件如何制作WP模板

当我们碰到一个网站里面,引用了非常多的css文件的时候,如:

<link type="text/css" rel="stylesheet" href="images/main.css">
<link type="text/css" rel="stylesheet" href="images/ie.css">
<link type="text/css" rel="stylesheet" href="images/multi.css">
<link type="text/css" rel="stylesheet" href="images/index.css">
<link type="text/css" rel="stylesheet" href="images/addthis.css" media="all">

WP模板必须有一个css文件叫做style.css,这个时候,我们只需要从上面的几个css文件中随便找一个文件重命名为style.css,然后把这个文件移动到模板根目录下,其他几个文件不用动,还是存放在images文件夹下面。

完成上面的操作之后,要如何改成WP标签调用?
假如我们把第一个main.css改成了style.css,然后移动到了images文件夹外面。上面的代码就写成:

<link type="text/css" rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>">
<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/images/ie.css">
<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/images/multi.css">
<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/images/index.css">
<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/images/addthis.css" media="all">

因为<?php bloginfo('template_directory'); ?>/style.css这个代码就等于<?php bloginfo( 'stylesheet_url' ); ?>

上一课: 下一课:

发表评论

*

* 绝不会泄露