adicione classe css ou id antes de uma postagem/página do wordpress
-
21-12-2019 - |
Pergunta
estou construindo um plugin wordpress, mas para meu trabalho de plugin precisava de uma classe específica para o código html (javascript linkify), mas todos os temas de templates estão usando classes diferentes para formatar os posts, por exemplo:
<div class="post_content">
ou
<div class="content">
Como posso incorporar através do meu plugin minha própria classe div específica para identificar uma postagem ou página?
Solução
Confira o Codex para body_class()
e post_class()
.Se o tema suportar (e todo tema bem escrito deve apoiá-lo), você poderá adicionar suas próprias classes ao corpo ou postagem.
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
Você pode diferir entre páginas e postagens com is_page()
e is_single()
Outras dicas
Use o filtro de classe corporal.Isso adicionará uma classe ao elemento body.
Por exemplo.
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' );
Certifique-se de alterar a função condicional para o que você precisar.Em seguida, adicione seu CSS assim:
.my-plugin-class #content {
color: #ff0000;
}