零基础学做网站教程

当前位置:

一个模板有多个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模板制作教程(十):搜索功能模板(search.php)制作
  2. 网站图片与文字顶部对齐的CSS写法
  3. wordpress模板制作教程(十三):错误页面模板(404.php)制作
  4. discuz模板制作调用标签大全
  5. wordpress模板制作教程(五):边栏模板(sidebar.php)制作
  6. 建网站时网页CSS常用字体设置方法
  7. 仿站长网admin5主题模板
  8. 刚做好的一个律师类企业站模板
  9. wordpress模板制作教程(二):静态HTML页面转化成WP模板
  10. 第十九节:什么是文件后缀名