Add the corresponding class to the page according to the WordPress classification ID

16:25:25, May 7, 2014 WordPress twenty 2.9K Reading mode

This code automatically adds the<body>tag on the category page and article page by judging the WordPress category ID“ cat-6-id ”For example:

< body class =" archive category category-wordpress category-6 logged-in custom-background cat-6-id ">

The number is the ID number of the category, provided that the theme template must use the function:

<body <? php body_class(); ?>>

With this very convenient function, you can define different styles for different classifications.

WordPress

Add the following code to the functions.php file of your current theme:

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');

Application examples:

For example: HotNewspro Theme , hide the hot articles (the top four pictures) on the classified archive and article pages with the classification ID of 6, and add the following in the theme style file style:

.cat-6-id, #top _hot {
display : none ;
}

It can be used to define the text size and background color at any other location different from other classifications.

Source of original code: http://www.trickspanda.com/2014/04/add-category-id-body-post-class-wordpress/

Most of the articles on this site are original and used for personal learning records, which may be helpful to you, for reference only!

My Wechat

Copyright Notice

Please indicate the source and link of the original article reprinted on this site. Thank you for your cooperation!

Get this topic

five hundred and ninety-eight million eight hundred and forty-five thousand and six

Please add Q: 598845006

Multi functional theme Begin

This article is written by Robin Published on May 7, 2014 at 16:25:25
Please specify: https://zmingcx.com/add-category-id-body-post-class-wordpress.html |Robin

WordPress
Wordpress Tutorial
WordPress Theme

Apply HotNews theme video template to the home page

five hundred and ninety-eight million eight hundred and forty-five thousand and six

Please add Q: 598845006

Multi functional theme Begin

Comments twenty Visitors eighteen Author one

Cixian Encyclopedia one
17:30:31, May 7, 2014 Yangquan City, Shanxi Province one F
reply
I don't quite get it, but I think you are really terrific!
- usually celadon zero
  11:36:19, May 17, 2014 Changning District, Shanghai B one
  reply
  @ Cixian Encyclopedia Delete my comment
Superior reunion one
23:08:28, May 9, 2014 Zhanjiang City, Guangdong Province two F
reply
Very good, learning, support.
kpopcomedy six
14:36:31, May 10, 2014 Tongliang County, Chongqing three F
reply
Brother Bird, where is your class=logo defined?, Want to make the logo class smaller
- Robin
  09:22:39, May 11, 2014 China B one
  reply
  @ kpopcomedy Open the theme style file:
  .logo { background:url(images/logo.png) no-repeat; float: left; width: 350px; height: 53px; margin: 5px 0 0 5px; text-indent: –10000px; cursor:pointer; }
  Modify:
  width: 350px;
  height: 53px;
  - kpopcomedy six
    00:37:37, May 13, 2014 Chongqing City B two
    reply
    @ Robin Thank you. I'll try myself first to see if I can shrink a little
    - kpopcomedy six
      00:24:57, May 14, 2014 Chongqing City B three
      reply
      @ kpopcomedy Brother Bird, I searched for the logo class, which is not in the css and styles folders
  - kpopcomedy six
    00:26:15, May 14, 2014 Chongqing City B two
    reply
    @ Robin I searched and found.
wmtimes seven
15:33:26, May 10, 2014 Xinyu City, Jiangxi Province four F
reply
It seems that the article can also come like this.
Moisten five
22:28:25, May 10, 2014 Beijing five F
reply
Brother Bird. There are more than 20 friendship links on the home page. Add other links. The home page is not displayed. What shall I do?
kpopcomedy six
00:18:43, May 14, 2014 Chongqing City six F
reply
Brother Bird, how can I remove the words below the navigation bar? After I deleted the line of code corresponding to the display time in head.php, there was only "login" left, but the code did not directly display login, and then I didn't know what to do.
Trees on the tuyere three
21:49:06, May 15, 2014 Ji'an City, Jiangxi Province seven F
reply
Brother Bird's homepage has changed a lot recently
- I love QQ six
  18:12:42, May 18, 2014 Shenzhen, Guangdong Province B one
  reply
  @ Trees on the tuyere I'm diligent enough
kpopcomedy six
20:13:54, May 16, 2014 Tongliang County, Chongqing eight F
reply
The microblog has been removed and the class (logo) has been reduced, but there is still a blank area next to the logo image as the homepage link
hjrhclan zero
10:38:48, July 1, 2014 Beijing nine F
reply
What if an article has many categories?
Xiao Linzi one
22:33:09, January 15, 2015 Deyang City, Sichuan Province ten F
reply
Brother Bird, how to ask Wordpress home page not to display articles on the specified home page? The latest article list still appears
Long Xiaotian five
00:54:35, December 24, 2015 Nanjing, Jiangsu Province eleven F
reply
Hello, where does the classification ID number 6 add to this function?
- Long Xiaotian five
  December 24, 2015 01:00:29 Nanjing, Jiangsu Province B one
  reply
  @ Long Xiaotian Oh, I see. This function means adding cat id number id to the body of all categories and classified articles
Hao one
17:52:54, June 18, 2017 Xi'an, Shaanxi Province twelve F
reply
I want to ask you, when I build a classification directory, how can I do if the ID is not 2? The newly created category directory 1345678 has no category directory ID 2. Why? thank you