WordPress按分类ID为页面添加相应的class的方法 wordpress教程 - WordPress - 爱建站

,,cms教程,wordpress教程,,

SEO SEO

首页  >   WordPress > WordPress按分类ID为页面添加相应的class的方法 wordpress教程   >  正文

 

这段代码通过判断WordPress分类ID,自动在分类页面和文章页面的<body> 标签中添加“cat-6-id”例如: <body class= "archive category category-wordpress category-6 logged-in custom-background cat-6-id "> 其中数字为该分类的ID号,前提是主题模板必须使用函数: <body <?php body_class(); ?>> 有了这个非常方便的功能,你就可以针对不同的分类定义不同的样式风格


这段代码通过判断WordPress分类ID,自动在分类页面和文章页面的<body> 标签中添加“cat-6-id”例如:
<body class="archive category category-wordpress category-6 logged-in custom-background cat-6-id">
其中数字为该分类的ID号,前提是主题模板必须使用函数:
<body <?php body_class(); ?>>
有了这个非常方便的功能,你就可以针对不同的分类定义不同的样式风格。
将以下代码添加到您当前主题的 functions.php 文件:
function category_id_class($classes) {
     global $post;
          foreach((get_the_category($post->ID)) as $category)
               $classes [] = "cat-" . $category->cat_ID . "-id";
     return $classes;
}
add_filter("post_class", "category_id_class");
add_filter("body_class", "category_id_class");

应用实例:
比如:HotNewspro主题,在分类ID为6的分类归档和文章页面隐藏热点文章(顶部的四张图片),可在主题样式文件style中添加:
.cat-6-id, #top_hot {
    display: none;
    }
举一反三,可以定义其它任意位置的文字大小,背景颜色等与其它分类不同。        

温馨提示:如果你想搭建一个企业网站,到的 wordpress企业主题 频道看看吧,这里有很多的企业模板哦!


WordPress按分类ID为页面添加相应的class的方法 wordpress教程
http://www.yuedudg.cn/article/962081.html

 

友情链接
帝国cms常识 织梦之家 discuz经验网
zblog之家 wp之家 phpcms之家
cms综合网 ecshop经验网


Tags: cms教程 wordpress教程


手机浏览本文

WordPress按分类ID为页面添加相应的class的方法  wordpress教程

WordPress按分类ID为页面添加相应的class的方法 wordpress教程

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy