admin管理员组

文章数量:1391975

I want to write a class to the body of all pages posts and custom posts (IE entire site)

I am using a front end editor that allows logged in users to edit posts and keep them out of the back-end.

  • I have a custom post-type "emergency status"
  • It contains one post with a taxonomy "status"
  • It has the terms extreme, severe, very-high, high, moderate.

I want to add a filter that checks the taxonomy of that post and then adds it to the body of the site.

I want to write a class to the body of all pages posts and custom posts (IE entire site)

I am using a front end editor that allows logged in users to edit posts and keep them out of the back-end.

  • I have a custom post-type "emergency status"
  • It contains one post with a taxonomy "status"
  • It has the terms extreme, severe, very-high, high, moderate.

I want to add a filter that checks the taxonomy of that post and then adds it to the body of the site.

  • php
  • taxonomy
  • body-class
Share Improve this question edited Mar 14, 2020 at 15:04 Tom J Nowell♦ 61.1k7 gold badges79 silver badges148 bronze badges asked Mar 14, 2020 at 14:25 Ian SIan S 316 bronze badges
Add a comment  | 

2 Answers 2

Reset to default 1

  • You can use the body_class filter in WordPress to add the Taxonomy Terms of a Custom Taxonomy as CSS classes to a post. The CSS class appears in the body element and is only used if the post has been assigned to the taxonomy.

  • The code goes in your functions.php file.

add_filter( 'body_class', 'themeprefix_add_taxonomy_class' );
 // Add taxonomy terms name to body class
function themeprefix_add_taxonomy_class( $classes ){
    if( is_singular() ) {
        global $post;
        $taxonomy_terms = get_the_terms($post->ID, 'your_taxonomy'); // change to your taxonomy
        if ( $taxonomy_terms ) {
            foreach ( $taxonomy_terms as $taxonomy_term ) {
            $classes[] = 'tax_' . $taxonomy_term->slug;
            }
        }
    }
    return $classes;
}
  • Change ‘your_taxonomy’ to the actual taxonomy, the body_class filter is fed the results from a foreach loop done on the custom taxonomy, if any of the terms of that custom taxonomy are used by the post, they are added to the $classes array, in the above instance they have a prefix of ‘tax_’ followed by the term – you can change this prefix to suit or simply not have one.

WordPress already does this if your theme has been built correctly. Specifically, WP will add classes to the body tag if you used body_class and to the posts containing element if you used post_class

For example, if you install WordPress, the default Hello World post is uncategorized, and has the following classes:

post-1 post type-post status-publish format-standard hentry category-uncategorized entry

Notice the category-uncategorized class.

Similarly the <body> tag has these classes:

post-template-default single single-post postid-1 single-format-standard wp-embed-responsive singular image-filters-enabled

Other classes get added depending on the context, e.g. a class gets added if the admin toolbar is showing, or if the user is logged in, etc

本文标签： phpAdd class to website based on post taxonomy

版权声明：本文标题：php - Add class to website based on post taxonomy 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744668825a2618699.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。