最近在收拾一些所学内容的时分想要运用一些表格以使得收拾的内容愈加清楚,可是WordPress默许的修改器是没有表格功用的,假设每次运用表格都运用代码修改显然是一件非常费事的事情,特别是当所树立的表格特别多的时分。所以抉择运用插件处理表格的问题,在网上搜索到了许多的表格插件并别离中止了测试,终究选择了TablePress这款插件,不过需求留意的是这款插件运用短代码的方式中止调用,假设你由于某些缘由需求卸载这款插件的时分一切运用该插件生成表格的文章都会在前端只闪现一行短代码,慎用!
好了,如今就来引见一下这款插件。
TablePress是由德国马格德堡的“工程控制论”范畴的博士生TobiasBäthge所开发的一款WordPress表单插件,你可以运用它在WordPress网站上轻松地创建和办理表格,然后运用短代码插入到静态页面、文章或许文本小工具中。它的后台操作非常便利,不需求用户具有任何 HTML 编程学问。。用户还可以轻松的从 CSV、HTML 或许 JSON 文件中导入数据来创建新表格或交流已有表格,也可以将表格导出为 CSV、HTML 或许 JSON 文件以供其它程序运用。
相关链接
插件下载链接:https://wordpress.org/plugins/tablepress/
英文运用文档:https://tablepress.org/documentation/
中文运用文档:https://cnzhx.net/wordpress-plugins/tablepress/documentation/
常用CSS
留意:以下一切CSS假设将.tablepress更改为.tablepress-id-N,则可将这种改动仅用于指定的id,不过,一般情况下为了网站的全体闪现效果很少特意改动某一表格的作风,故以下CSS均为大局代码。
改动 TablePress 中默许的替换行布景色彩设置
.tablepress .odd td { /* 奇数行背风景 */ background-color: #ff0000; /* 此色彩值为示例,红色 */ } .tablepress .even td { /*偶数行背风景 */ background-color: #00ff00; /* 此色彩值为示例,绿色 */ }
更改 TablePress 中默许的鼠标悬停时行的布景色彩
.tablepress .row-hover tr:hover td { background-color: #ff0000; }
更改表格中的字体、字体大小和字体色彩
.tablepress tbody td { font-family: Tahoma; /* 字体 */ font-size: 14px; /* 字体大小 */ color: #ff0000; /* 字体色彩 */ }
将单元格内文本居中闪现
.tablepress thead th, /* 用于标题栏 */ .tablepress tbody td { /* 用于表格中的一切单元格 */ text-align: center; /* 程度居中 */ vertical-align: middle; /* 垂直居中 */ }
将表格在页面中居中闪现
.tablepress { width: auto; margin: 0 auto 1em; }
躲藏特定表格的边框
躲藏表格的边框一般情况下是对某一特定的表格做出的改动,所以这里给出指定id为N的表格躲藏边框的CSS,也便利我们对照上面大局的CSS。
.tablepress-id-N, .tablepress-id-N tr, .tablepress-id-N tbody td, .tablepress-id-N thead th, .tablepress-id-N tfoot th { border: none; }
关于插件选项的解说,由于插件自身的注释曾经很分明晰,在这里就不多加说明晰。假设我们还有什么不明白的可以检查前面给出的文档链接,理解愈加细致的说明。
官网下载:https://wordpress.org/plugins/tablepress/