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

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

一、插件方法

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

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

二、短代码法

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

/*插入表格按钮*/
/*整理:http://www.dedewp.com/14871.html*/
function appthemes_add_quicktags() {
><script type="text/javascript">// <![CDATA[ 
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', 'appthemes_add_quicktags' );

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

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

3、第三方工具

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

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

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

admin

大家好!欢迎光临我的个人博客,本博主要是学习和记录自己生活、学习中发生的点点滴滴的过程,很高兴可以把自己的废话和一点点的经验拿出来和网友分享,最大的愿望就是能构共同学习,共同进步。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据