本来后台已经用了WP Githuber MD 编辑器,可以使用Markdown编辑文章,但是前台显示前台显示的发现表格无法正常显示,研究之后找到了一个可以的方法。

使用前效果:

为WordPress增加表格CSS样式,让Markdown表格正常显示-菜芽笔记

使用后的效果:
为WordPress增加表格CSS样式,让Markdown表格正常显示-菜芽笔记

这里提供一个简单的方法,可以增加以下代码至 functions.php ,代码会自动将所有 <table> 变成<table class="table">

为WordPress增加表格CSS样式,让Markdown表格正常显示-菜芽笔记

将以下内容增加到主题的样式文件functions.php 码如下:

// 所有 <table> 变成 <table class="table">
function wp_replace_text($text_wp){
    $replace = array(
        // '原始文字' => '替换为这些'
        '<table>' => '<table class="table">',
        );
    $text_wp = str_replace(array_keys($replace), $replace, $text_wp);
    return $text_wp;
}
add_filter('the_content', 'wp_replace_text'); //正文