零基础建站培训介绍

当前位置:

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

上一课: 下一课:

发表评论

*

* 绝不会泄露


相关教程

  1. wordpress主题制作(七):分类目录模板(archive.php)制作
  2. 解决DZ模板上传开发平台提示*.rar 中不包含您所注册的模板 问题
  3. 网站下载的wordpress主题模板不能用
  4. 推荐一款企业网站模板,符合网站优化
  5. 漂亮的wordpress淘宝客模板
  6. 自己仿豆瓣9点wordpress主题
  7. 深度仿制郑州SEO站,拿去就能用
  8. 一个淘宝导行站主题模板!
  9. wordpress模板制作教程(十二):标签模板(tag.php)制作
  10. 如何将网站模板中wordpress.org官网链接去掉