Category specific themes?

时间:2011-02-01 作者:Garrett

我的客户希望在我们的每个分类页面上实现一种特殊的外观。有点像儿童主题。。。她想改变背景图像,更改一些图形,并根据用户访问的类别(恐怖、浪漫等)调整颜色。

除了使用导入的CSS样式为每个页面创建不同的模板之外,还有什么合理的方法可以做到这一点吗?或者这真的是实现这一目标的唯一途径吗?

UPDATE:下面的答案都很好。就我们的目的而言,最简单的方法是使用“body\\u class()”提供的特定于类别的类来覆盖当前的样式。

谢谢

2 个回复
最合适的回答,由SO网友:Rarst 整理而成

如果更改不需要修改HTML标记,您可以通过有条件地加载其他CSS样式文件来完成。看见Conditional Tags > A Category Pagewp_enqueue_style() 在法典中。

SO网友:t31os

主题的大部分由三个文件组成,header.php, footer.phpstyle.css.

如果要加载可选的页眉、页脚和/或样式表,只需在类别模板内更新相应的调用即可(category.php) 拉入不同的页眉/页脚/样式表。

实例

get_header();
变成。

get_header( \'cat\' );
然后将包括header-cat.php 而不是header.php.
您也可以使用get_footer() 调用以包含其他页脚文件。

Codex页面介绍了使用备用页眉/页脚文件
http://codex.wordpress.org/Function_Reference/get_header
http://codex.wordpress.org/Function_Reference/get_footer

对于样式表,只需更改它(在新的头文件中)。

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( \'stylesheet_url\' ); ?>" />
比如。。

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( \'stylesheet_directory\' ); ?>/style2.css" />
或者,使用wp_enqueue_style 正如另一个答案中所建议的那样。

完全自定义HTML和CSS,不影响任何其他类型的页面(并且不需要更改现有的页眉/页脚/样式表)。

Category specific themes? - 小码农CODE - 行之有效找到问题解决它

Category specific themes?

时间:2011-02-01 作者:Garrett

我的客户希望在我们的每个分类页面上实现一种特殊的外观。有点像儿童主题。。。她想改变背景图像,更改一些图形,并根据用户访问的类别(恐怖、浪漫等)调整颜色。

除了使用导入的CSS样式为每个页面创建不同的模板之外,还有什么合理的方法可以做到这一点吗?或者这真的是实现这一目标的唯一途径吗?

UPDATE:下面的答案都很好。就我们的目的而言,最简单的方法是使用“body\\u class()”提供的特定于类别的类来覆盖当前的样式。

谢谢

2 个回复
最合适的回答,由SO网友:Rarst 整理而成

如果更改不需要修改HTML标记,您可以通过有条件地加载其他CSS样式文件来完成。看见Conditional Tags > A Category Pagewp_enqueue_style() 在法典中。

SO网友:t31os

主题的大部分由三个文件组成,header.php, footer.phpstyle.css.

如果要加载可选的页眉、页脚和/或样式表,只需在类别模板内更新相应的调用即可(category.php) 拉入不同的页眉/页脚/样式表。

实例

get_header();
变成。

get_header( \'cat\' );
然后将包括header-cat.php 而不是header.php.
您也可以使用get_footer() 调用以包含其他页脚文件。

Codex页面介绍了使用备用页眉/页脚文件
http://codex.wordpress.org/Function_Reference/get_header
http://codex.wordpress.org/Function_Reference/get_footer

对于样式表,只需更改它(在新的头文件中)。

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( \'stylesheet_url\' ); ?>" />
比如。。

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( \'stylesheet_directory\' ); ?>/style2.css" />
或者,使用wp_enqueue_style 正如另一个答案中所建议的那样。

完全自定义HTML和CSS,不影响任何其他类型的页面(并且不需要更改现有的页眉/页脚/样式表)。