WordPress Post / Page 앞에 CSS 클래스 또는 ID 추가
-
21-12-2019 - |
문제
WordPress 플러그인을 구축하고 있지만 내 플러그인 작업에는 HTML 코드 (JavaScript Linkify)에 특정 클래스가 필요했지만 모든 템플릿 테마는 다른 클래스를 사용하여 게시물을 형성합니다 (예 :
)<div class="post_content">
.
또는
<div class="content">
.
POST 또는 페이지를 식별하기 위해 내 플러그인 내 자신의 특정 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
.
다른 팁
바디 클래스 필터를 사용하십시오.이것은 본문 요소에 클래스를 추가합니다.
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