WordPressにBootstrapのレスポンシブのtableクラスである、table-responsiveを適用する方法です。
jQueryを使うことで、ソースを扱わずに済みます。
$(function() { $("table").wrap("<div class='table-responsive'></div>"); $('table').addClass('table table-bordered'); });
特定のタグやクラス内(例えば<article>内)にしたい場合には、
$("table")
の部分を
$("article table")
にしてください。
addClass('table table-bordered');
でtableクラスとtable-borderedクラスが追加されます。
table-borderedは、任意のBootstrapのクラスに変更しても大丈夫です。