Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!
欢迎光临
我们一直在努力

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

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

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

通过填写表格内容完成表格创建,很方便就能在文章里面插入表格。
可选功能:
表格标题行: 表格的第一行是表头(标题行)。
表格脚注行: 表格最后一行是表格脚注。
交替行背景色: 交替变换连续行的背景颜色。
鼠标悬停时高亮行: 当鼠标选定在某行上方时,通过改变背景颜色来高亮该行。
显示表格名称: 将表格名称显示在表格的。
显示表格描述: 将表格描述显示在表格的。

使用 DataTables: 为此表格启用下面的 DataTables JavaScript 库特性:
排序: 为访客提供表格排序功能。
搜索/过滤: 为访客启用过滤或搜索表格的功能。只显示包含搜索词的行。
分页: 为访客启用表格分页功能(一次只显示表格中的有限几行)。
每页显示 10行。
分页长度可变: 当使用分页功能时,允许访客改变每页显示的行数。
信息: 启用表格信息显示功能,显示当前可见数据的信息,如行号等。
水平滚动条: 显示水平滚动条,在查看列数比较多的表格时比较方便。

代码创建表格:

/*----------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网站插入表格方式千千万,代码简洁高能,插件简单方便适合小白。选择最适合自己的方式来创建表格是提高效率的最好办法。

打赏
未经允许不得转载:折腾派 » wordpress网站如何插入表格,两个途径教你简单上手

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

error: Content is protected !!