整理：WordPress中插入表格的方法

innov10年前 (2015-12-17)建站8530

在写博客的时候，我们往往需要插入一些表格来证明自己的论点，比起文字，表格更加简洁、直观，数据表格很能说明文字，图形表格让效果更加直观，一个简单的表格效果往往比长篇大论更为有效。然而，遗憾的是，强大的WordPress 对表格的支持并不是很好，在后台编辑器中，很难方便的使用表格，本文将分享我所知道的4个在WordPress中插入表格的方法以及各自的优缺点供你选择，当然，如果你有什么更好的在WordPress中插入表格的方法，欢迎分享。

一、使用插件wp-table

wp-Table是一款适合表格初级应用的插件，你可以不懂任何HTML、CSS，就可以通过这个插件获得效果较好的表格，下面是这个插件制作的表格的实例图：

但是，这款wp-table插件并非完美，对于一些较为复杂的表格，比如需要链接描述等就不支持，而且，自从07年10月，插件作者就停止了对wp-table插件的开发和更新。

二、使用Word插入表格及CSS优化

WordPress 后台编辑器提供了一个“从word粘贴”的功能，同样的，我们可以先在word 做好了表格时候再通过此功能导入到文章中。

但是，你会发现，本来制作很精美的word表格插入到WordPress文章中以后，往往会变得丑陋、错位和缺乏样式。如果你熟悉CSS，当然可以轻松地修改，但对于普通blogger来说，就显得无从着手了。

这里提供一个由万戈提供了一个表格的CSS样式，你只需要在你的CSS文件中加上下面这段代码，然后将你在word或者Dreamweaver中制作好的表格导入到文章中，并加上一句class=”table”就行了。

/*----------table----------*/
table.table {
border-spacing:2px;
border-collapse:separate;
background-color:#FFF;
border-color:gray;
border-style:outset;
border-width:1px;
}
table.table th {
background-color:#FFF;
-moz-border-radius:0;
border-color:gray;
border-style:inset;
border-width:1px;
padding:1px;
}
table.table td {
-moz-border-radius:0;
border-color:gray;
border-style:inset;
border-width:1px;
padding:1px;
}

三、使用Windows live writer等离线编辑器

支持WordPress的离线编辑器大多支持插入表格，比如使用率较高的Windows live writer就是其中之一，Windows live writer不尽支持WordPress，也同样支持blogger、TypePad等博客程序。

下载一个客户端，尝试一下离线编辑吧，当然，你可能需要几天时间来适应它。

延伸阅读：

blog必备利器之离线写博客工具

四、将表格制作成图片

这是一个偷懒却异常方便的方法，将你需要的表格做好之后，用截图工具或者其他转换工具将表格做成图片，并且以图片的方式插入到博客中，可以快速、方便的完成，并且保留你需要的任何漂亮的样式。

当然，弊端也是显而易见的，如果你对SEO很重视的话，这些图片样式的表格搜索引擎是看不懂的。

五、直接在文章中制作表格

这个方法来源于精博。

这是一个无需修改style.css文件，而直接在文章中插入一段css代码，在文章中自定义表格样式的方法，相比修改style.css而言，这种方法的优势在于可以根据你的需要自定义你需要的不同的表格样式。当然，相比之下，每次都要插入并简单修改这些代码可能是一件比较麻烦的事。

步骤一：在文章开头加入下面代码

<!--
table.sample {
border-width: 1px 1px 1px 1px;
border-spacing: 2px;
border-style: outset outset outset outset;
border-color: gray gray gray gray;
border-collapse: separate;
background-color: white;
}
table.sample th {
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}
-->
<table>
<tbody>
<tr>
<th>Header</th>
<td>Content</td>
</tr>
</tbody>
</table>

步骤二：插入你的表格的标题和内容，调整样式大小。

六、wordpress表格插件websimon tables如何使用？（转自破折君）

（1）首先去wordpress官网下载或者直接登陆WP后台：插件》安装插件》在搜索框中输入websimon-tables，搜索到该插件》立即安装》启用。

（2）设置表格属性和内容：在控制面板“工具”中找到websimon tables，然后设置行列、已经表格内容，如下图所示，可以设置好表格的内容和表格样式。

20131106211124

（3）插入表格到文章内容：把设置好的表格，如上图所示找到对应的（shortcode）简码，直接复制插入到文章编辑器中，就完成了表格的插入。

三、其它方法

（1）使用修改wordpress的css样式来实现，不过这个工程浩大，本人觉得没那个必要。

（2）使用WP-Table Reloaded表格管理插件，这个也可以实现，但是效果不是很好。

以上就是破折君本人使用wordpress表格插件给wordpress文章添加表格的方法分享，如果你在使用wordpress表格插件过程出现什么问题或者有什么好的建议，可以给本人留言，欢迎分享交流！

原文网址：http://wangyueblog.com/2010/02/05/insert-table-to-wordpress/