如何防止bootstrap干扰主题

时间:2014-12-21 03:42:03

标签: wordpress twitter-bootstrap

我正在使用一个使用bootstrap的WP插件。但是,它似乎对页面产生了非常奇怪的影响。你可以在这里看到它:

My Test Page

如果您转到此页面,然后转到另一个页面,您将看到该页面恢复正常。

如何防止引导程序影响页面上的WP元素?

1 个答案:

答案 0 :(得分:0)

add_action( 'wp_enqueue_scripts', 'bootstrap_css', 150 );

function bootstrap_css(){

    // add pages for bootstrap leave out site address, just the path e.g. 
    $pages= array( '_3_8_0/rentals/','add_page_url' );
    $path=$_SERVER['REQUEST_URI'];

    if( !in_array($path, $pages) ):
        wp_dequeue_style( 'bootstrap_handle' ); // look up handle for stylesheet 
    endif;
}

您可以执行类似上面的操作,在您不想要的页面上对引导程序css进行de_queue。问题是Bootstrap并非真正设计用于现有主题的单一页面使用,并且将与主题使用的内容共享许多常见标识符,例如"内容"

它或者完全删除bootstrap(只是将它排队)并自己设置页面样式。老实说,bootstrap对于这个用例来说是一个沉重的负担。