Agregue CSS Clase o ID antes de una publicación / Página de WordPress
-
21-12-2019 - |
Pregunta
Estoy construyendo un complemento de WordPress, pero a mi trabajo de plugin necesitaba una clase específica en el código HTML (JavaScript Linkify), pero todos los temas de las plantillas están utilizando diferentes clases para formar las publicaciones, por ejemplo:
<div class="post_content">
o
<div class="content">
¿Cómo puedo embeberse a través de mi complemento mi propia clase diveciente específica para identificar una publicación o página?
Solución
Realizar checkout El Codex para body_class()
y post_class()
.Si el tema lo apoya (y cada tema bien escrito debe respaldarlo) puede agregar sus propias clases al cuerpo o publicar.
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
Puede diferir entre páginas y publicaciones con is_page()
y is_single()
Otros consejos
Utilice el filtro de clase corporal.Esto agregará una clase al elemento del cuerpo.
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' );
Asegúrese de cambiar la función condicional a lo que sea necesario.Luego agregue su CSS así:
.my-plugin-class #content {
color: #ff0000;
}