jQuery CSS Scoping

Question

jquery-ui.css가 포함 된 두 개의 WordPress 플러그인이 있고로드 된 마지막 플러그인이 첫 번째 플러그인의 CSS를 덮어 쓰는 경우가 있습니다. 두 가지 테마를 모두로드하고 싶습니다. jQuery 테마 빌더가 CSS 범위 지정을 지원하지만이 플러그인 중 어느 것도이 기능을 사용하지 않으며 플러그인을 편집하는 것이 합당한 옵션이 아니기 때문에 (다음에 플러그인을 업데이트 할 때 변경 사항을 덮어 쓰게되므로) 내 테마에 JavaScript를 추가하여 프로그래밍 방식으로 범위 지정을 구현할 수있는 방법이 있습니까?

Answer 1

먼저 플러그인을 표시하려면 컨테이너를 표시하거나 추가 포장을 사용하여 class을 입력해야합니다. class을 적용하려면 CSS Scope을 다운로드하고 class 선택자는 .class이되어야합니다. Theme Folder Name은 새 범위가 지정된 CSS의 위치입니다. 자세한 내용은 this page을 확인하십시오.

.

워드 프레스

워드 프레스에서 좋은 선명하게 유지하려면, 새로운 CSS를 등록합니다. 내부 테마의 functions.php : 당신이 그들을 필요

wp_register_style('myScopedjQueryUICss', get_stylesheet_directory_uri() . '/scopedjQueryUICssDirectory/ui.all.css'); 

마지막으로, 대기열이 스타일. 일반적인 방법은 다음 줄을 wp_print_styles 동작에 연결하는 것입니다.

function hookScopedCss() { 
    if (wp_style_is('myScopedjQueryUICss') || 
     wp_style_is('myScopedjQueryUICss', 'done')) 
    { return; } 
    wp_enqueue_style('myScopedjQueryUICss'); 
} 
add_action('wp_print_styles', 'hookScopedCss');