在WordPress Post / Page之前添加CSS类或ID
-
21-12-2019 - |
题
我正在构建一个WordPress插件,但是我的插件工作需要一个特定的类到HTML代码(JavaScript链接),但所有模板主题都使用不同的类来形成帖子,例如:
<div class="post_content">
.
或
<div class="content">
.
如何通过我的plugin融合我自己的特定div类来识别帖子或页面?
解决方案
结帐 body_class()
和 post_class()
。如果主题支持它(并且每个良好的书面主题应该支持它),您可以将自己的类添加到身体或帖子中。
function my_plugin_class($classes) {
if ( my_plugin_is_loaded() ) {
$classes[] = 'my-plugin-class';
}
return $classes;
}
add_filter('post_class', 'my_plugin_class'); // add the class to the post content
add_filter('body_class', 'my_plugin_class'); // add the class to the body tag
.
您可以在页面和帖子之间与 is_page()
和 is_single()
其他提示
使用主体类过滤器。这将为身体元素添加一个类。
e.g。
function wpse_plugin_add_body_class( $classes ) {
if ( my_plugin_conditional() ) {
$classes[] = 'my-plugin-class';
}
return $classes;
}
add_filter( 'body_class', 'wpse_plugin_add_body_class' );
.
一定要将条件函数更改为您需要的任何内容。然后添加您的CSS:
.my-plugin-class #content {
color: #ff0000;
}
. 不隶属于 StackOverflow