wordpress网站如何插入表格,两个途径教你简单上手

WordPress如何发布表格文件?我浏览过很多推荐服务器的网站,那些网站把服务器配置价格都用表格演示出来,相比于直接书写文本句子,表格更能直观的把不同服务器配置价格表现出来,对于小白来说,能够更容易得看出那款服务器更适合自己。对于站长来说,表格更省事,表达更清楚。这里就介绍一个WordPress插件和代码用来新建表格!

1.在wordpress后台插件中心搜索TablePress插件,安装插件。

2.安装好插件之后点击插件

wordpress网站如何插入表格,两个途径教你简单上手

3.新建表格文件,这里需要先新建表格,在写文章时候插入文章就可以了。

wordpress网站如何插入表格,两个途径教你简单上手

通过填写表格内容完成表格创建,很方便就能在文章里面插入表格。

可选功能:

表格标题行: 表格的第一行是表头(标题行)。

表格脚注行: 表格最后一行是表格脚注。

交替行背景色: 交替变换连续行的背景颜色。

鼠标悬停时高亮行: 当鼠标选定在某行上方时,通过改变背景颜色来高亮该行。

显示表格名称: 将表格名称显示在表格的。

显示表格描述: 将表格描述显示在表格的。

使用 DataTables: 为此表格启用下面的 DataTables JavaScript 库特性:

排序: 为访客提供表格排序功能。

搜索/过滤: 为访客启用过滤或搜索表格的功能。只显示包含搜索词的行。

分页: 为访客启用表格分页功能(一次只显示表格中的有限几行)。

每页显示 10行。

分页长度可变: 当使用分页功能时,允许访客改变每页显示的行数。

信息: 启用表格信息显示功能,显示当前可见数据的信息,如行号等。

水平滚动条: 显示水平滚动条,在查看列数比较多的表格时比较方便。

代码创建表格:

```html

/*----------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;

}

```

在wordpress插入表格可以用sublime编辑之后通过wordpress编辑器插入代码。

wordpress网站插入表格方式千千万,代码简洁高能,插件简单方便适合小白。选择最适合自己的方式来创建表格是提高效率的最好办法。