Замена адаптивного табличного кода в Bootstrap 3 в пользовательской теме WordPress
Я работаю с начальной загрузкой и интеграцией WordPress.
Есть существующие посты с <table> до начальной загрузки.
Чтобы убедиться в компоненте Bootstrap, я бы хотел добавить обертку и классы для замены существующих табличных тегов из всех существующих сообщений:
<table>...</table>
в
<div class="table-responsive">
<table class="table table-condensed table-bordered">...</table>
</div>
Есть ли функция или фильтр, который я могу реализовать, чтобы сделать это внедрение кода глобально в моей пользовательской теме functions.php?
Решение
Быстрый фильтр, который вы можете использовать в 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' );
Другие решения
Других решений пока нет …