WordPress在文章中插入表格的几种方法

Author: 陌小雨Date: 2018-05-26View: 73

不知道为啥,WordPress对表格的支持没有我们想像的方便,陌小雨分享几种自己曾经使用过的方法吧,你可以根据自己的使用表格的频率选择合适的方法;所谓表格的使用频率也就是对表格的依赖程度,是指网站使用表格的频率以及表格内容改变的频率是高还是低。如果网站中大量使用表格,或者表格的内容需要经常更改,那么插件法比较适合,使用 TablePress 表格管理插件会非常方便,而且这个插件非常适合对 HTML 编辑不了解的用户;而如果只是偶尔插入一个简单的表格,一年都难得用几次,也不会经常更改表格内的文字和数据,又懂一些 HTML 表格编辑格式,那就可以用文章分享的另外两种办法(非纯手工,纯手工编写的办法陌小雨不推荐)。

一、插件方法

正如上面所说,除了这款TablePress插件可以很便捷的对表格进行管理外,还有一款插件TinyMCE Advanced插入表格也很方便。

在后台搜索安装改插件后,编辑文章时候就可以很方便的选择插入表格,陌小雨给大家做了一个动态图展示:

inserttable

插件方法陌小雨就不详细说明了,主要说下面两种办法

二、短代码法

在主题functions.php中插入下面代码:

/*插入表格按钮*/
/*整理:https://dedewp.com/14871.html*/
function wpcool_add_login_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'tables', '表格按钮', '<div class="table-container"><table><tbody><tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th><th>Header 6</th><th>Header 7</th><th>Header 8</th></tr><tr><td>row1_cell1</td><td>row1_cell2</td><td>row1_cell3</td><td>row1_cell4</td><td>row1_cell5</td><td>row1_cell6</td><td>row1_cell7</td><td>row1_cell8</td></tr><tr><td>row2_cell1</td><td>row2_cell2</td><td>row2_cell3</td><td>row2_cell4</td><td>row2_cell5</td><td>row2_cell6</td><td>row2_cell7</td><td>row2_cell8</td></tr><tr><td>row3_cell1</td><td>row3_cell2</td><td>row3_cell3</td><td>row3_cell4</td><td>row3_cell5</td><td>row3_cell6</td><td>row3_cell7</td><td>row3_cell8</td></tr></tbody></table></div>' );
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'wpcool_add_login_quicktags' );

需要插入表格时候,先切换至文本模式,点击一下插入表格按钮,再切换到可视化模式,就可以按需编辑表格了,如下图:

inserttable02-gif

再次切换到文本选项的时候,会发现代码已经自动整理了,这样很方便去增加和删除表格的行、列。

3、第三方工具

我们知道微信编辑器可以用来插入很多精美的图文、同样作为普通的表格也是可以的。这种方式类似第一种使用插件的办法,如下图:

inserttable03-gif

将编辑好的表格切换到html代码,全选复制到wordpress的文本模式下就可以了。

以上就是陌小雨分享的3种在WordPress文章中插入表格的方法,如果你有其他的办法,也可以在下方留言补充。