零基础学做网站教程

当前位置:

一个模板有多个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' ); ?>

Tags:

, , , ,

上一课: 下一课:

发表评论

*

* 绝不会泄露


相关教程

  1. 如何将网站模板中wordpress.org官网链接去掉
  2. 漂亮的wordpress淘宝客模板
  3. wordpress模板制作教程(十二):标签模板(tag.php)制作
  4. wordpress模板制作教程(六):首页模板(index.php)制作
  5. 第七节:什么是网站模板
  6. discuz X3.2论坛程序文件名称 功能 作用
  7. 刚做好的一个律师类企业站模板
  8. Discuz论坛程序系列教程:默认模板文件的目录结构
  9. wordpress主题制作(七):分类目录模板(archive.php)制作
  10. wordpress模板制作教程(十三):错误页面模板(404.php)制作