Bootstrap 3 responsive Tabellencode Ersatz in Wordpress benutzerdefinierte Thema

Question

Ich arbeite mit Bootstrap und Wordpress-Integration.

Vor der Bootstrap-Integration existieren Posts mit <table>.

Um der Bootstrap der Komponente stellen Sie sicher, würde Ich mag Wrapper und Klassen hinzufügen zu ersetzen vorhandene Tabellen-Tags aus allen vorhandenen Beiträge:

<table>...</table>

zu

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

Gibt es eine Funktion oder Filter kann ich implementieren, um diese Code-Injektion global in meinem benutzerdefinierten Thema zu tun?

Answer 1

Ein schneller Filter, den Sie in functions.php verwenden können, nicht sicher, ob es der beste Ansatz ist, aber den Trick:

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');