Question

我正在使用bootstrap和wordpress集成。

在引导程序集成之前，现有帖子<table>。

为了确保Bootstrap的组件，我想添加包装器和类来替换所有现有帖子中的现有表标签：

<table>...</table>

到

<div class="table-responsive">
    <table class="table table-condensed table-bordered">...</table>
</div>

我可以实现在我的自定义主题functions.php中全局执行此代码注入的功能或过滤器吗？

Answer 1

你可以在functions.php中使用的快速过滤器，不确定它是最好的方法，但会做到这一点：

    function wp_bootstrap_responsive_table( $content ) {  
        $content = str_replace( ['<table>', '</table>'], ['<div class="table-responsive"><table class="table table-bordered table-hover">', '</table></div>'], $content );

        return $content;  
    }  
    add_filter( 'the_content', 'wp_bootstrap_responsive_table' );

在Wordpress自定义主题中的Bootstrap 3响应表代码替换

1 个答案: