如何在WordPress中设置特定页面使用特定样式表

通常情况下,大多数 WordPress 主题只使用一个样式表(style.css),如果不考虑浏览器兼容性问题,对提高页面加载速度无疑是有一定好处的,作为非专业性个人博客来说,我们一般都不会刻意去研究自己的主题是否应该使用多个样式表以让不同的页面表现不一样的外观;但如果是一个专业性很强的博客,读者可能会很多,在这种情况下就不得不考虑根据特定的页面而使用不同的样式表了。这篇文章会为你介绍如何在主题中设定根据某一特定的页面而使用特定的样式表,这里以分类为例子来进行讲解。

我们需要为 WordPress 中某一日志分类指定使用另一个样式表(当然,这个样式需要我们预先准备好)。一般情况下,WordPress 主题都是通过头部文件 header.php 来加载样式表的,所以,打开这个文件,我们都会看到有如下这么一条函数:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

好了,我们就在上面这条函数上稍稍做点修改,假如我们要为ID是“1”的分类指定使用我们预先准备好的样式表 cat-1.css,于是上面的函数可以改成如下这样:

<?php if ( is_category('1') ) {?>   
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/cat-1.css"   
type="text/css" media="screen" />   
<?php } else { ?>   
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"  
type="text/css" media="screen" />   
<?php } ?>

结果是,如果用户打开的页面是ID为“1”的日志分类,它使用的样式表则是 cat-1.css,如果打开的是其它页面,则使用主题默认的样式表。

你可能还喜欢:

分享这篇日志:

如何在WordPress中设置特定页面使用特定样式表》上有 2 条评论

  1. 这位老大,我想跟你学习wordpress,你可以给我你的qq号不?

    希望你可以答应,邮件我吧。

    • 如果有空,大家可以交流一下的,不过我对WordPress的代码结构不太熟悉,加上英文水平一般,学习起来有一定的困难。有空Q我:603885736

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>