243
文章
15
说说
365
评论
292793
访问

个人博客网站:prettywordpress.com(吃饭用大碗的程序猿)

最新评论
qq_avatar
2年前,”四五设计网”在《如何使用百度云CDN优化wordpress速度》
说:来学习一下,应该用得上
qq_avatar
2年前,” ”在《友情链接》
说:像不能用了更新地址为 https://aba.pet/wp-content/uploads/2022/05/favicon-1.gif
qq_avatar
3年前,”Alex”在《终于找到拖慢网站的罪魁祸首》
说:优化这么快,你有想过我们的感觉?
qq_avatar
3年前,”ヘル”在《码农=新生代农民工》
说:打卡@[huaixiao]
qq_avatar
3年前,”肋巴骨”在《Win10系统桌面一直闪屏自动刷新怎么办》
说:不错啊,这是谁写的教程,真棒
A+

wordpress上使用tablepress插件-完美表格

标签:   最后编辑:2020年5月22日

摘要:TablePress是WordPress发布平台的免费开源插件。这款插件开源让你在网站上创建和管理完美的表格,并且你可以不用写PHP代码也不需要任何的编码知识就能轻易上手。界面舒适简单能让你轻松地编辑表格数据,你只需要有一定的的英语说就能看懂所有的功能描述。tablepress创建的表格可以包含任何类型的数据,列如数字、文本、图像、链接,甚至是数学公式!最重要的是,还可以为站点的访客启用实时排序、分页、搜索等功能。并且表格可以从Excel,CSV,HTML和JSON文件导入和导出,在需要批量导入数据的时候就是你最需要的开源插件。虽然网上有很多关于这个插件的讲解,但是时间都有点久远了,我通过自己的使用给大家分享一些我自己的收获,并且用通俗易懂的语言给大家讲解这款插件。

一、安装

    安装插件的方法有两种,第一种是通过wordpress站点里面提供的插件安装进行安装,第二种是在官网上下载压缩包。这两种方式都是比较安全的方式,告诫大家请不要去不明的网站下载一些插件安装包、主题或者是汉化包,对于不懂代码的站长来说可能是比较危险的,因为你不知道别人有没有在安装包里面植入木马或者病毒等对你站点产生不良影响的代码。废话不多说,我将会在下面把这两种安装方法直接上图好让大家理解。

1.站点安装

进入站点后台,点击目录下面的插件再点击安装插件,在搜索栏里面输入tablepress,安装与名称匹配的插件。因为会搜索出很多插件,我们只需要安装这一个就好了。安装过后在插件里面启用就可以后台看到目录生成了tablepress这个目录,这样就证明安装成功了,如果需要更改目录名称我后面会讲到如何更改tablepress在目录里面的名称

wordpress安装tablepress

tablepress插件

2.官网安装(https://wordpress.org/plugins/tablepress/)

在官网下载安装包之后把安装包解压放到网站的wp-content\plugins目录下,wordpress会自动识别插件里面的index.PHP文件的头部代码在后台插件生成tablepress插件,大家上传过后在插件页面启用即可。不过因为wordpress官方服务器好像出问题了,有时候访问都会出现429,多刷新几次就好了。

tablepress插件

tablepress插件

二、使用方法

点击add new table即可添加一个新的表格,会自动生成表格ID,表格ID和短代码的ID是一致的,改了表格ID短代码的ID也会更改,注意在文本里面使用短代码的时候要统一表单ID,不然会出现找不到表格的错误。在all table页面可以看到表格的简要数据,包括ID、表格名称、表格描述和表格创建者。新建的表格会根据输入的行数和列数生成相应的表格,我会在下面帮大家翻译主要功能的译文并且一一讲解用处,让大家通过图片就能大概了解tablepress插件的简单使用。

tablepress插件

tablepress使用方法

tablepress编辑页面

根据图片上面提示的文字大家都能创建一个简单的表格,表格保存过后会生成短代码像[table id=26 /]一样,把短代码复制到文章任何地方wordpress的hook钩子函数就会根据表格ID生成对应的tablepress表格,大家可以根据编辑页提供的选项生成自己想要的格式。

三、导入表格

TablePress可以从现有数据导入表,例如从电子表格应用程序(例如Excel)、类似网页的HTML文件或其自己的JSON格式的CSV、XLS或XLSX文件导入表。要导入表,请选择并在以下表单中输入导入源。也可以选择将其作为新表导入、替换现有表或将行追加到现有表。我在测试Excel导入的时候总结了几个问题:1、需要导入的Excel表格中不能有带有空格的行或者列,不然导入就会有多行为空的现象,可以先清空Excel或者导入的时候检查一下。2、导入的Excel文件带有时间的时候,导入过后默认格式为YY-MM-DD hh-mm-ss,如果不想要这种格式就选择Excel的时间格改为文本模式。3、如果已有表格存在表头,导入的数据就不需要添加表头,导入功能不能判断是否存在表头。

tablepress导入界面

四、导出表格

导出表允许您在其他程序(如电子表格应用程序)中使用它。建议定期导出表作为数据备份。要导出,请选择表和所需的导出格式。如果选择多个表,则导出的文件将自动存储在ZIP存档文件中。请注意,对于CSV和HTML格式,只导出表数据,而不导出表选项!对于JSON格式,将导出表数据和表选项。我在导出表格的时候遇到了CSV乱码的问题,由于考虑到文章较长,大家可以参考这篇文章的解决方法:https://www.prettywordpress.com/wordpress/wordpress-tablepress-encoding.html

tablepress导出表格

五、插件选项

如果你觉得tablepress插件提供的表格样式不符合你的要求并且想要自己定制样式的话,那么这个插件选项刚刚好符合你的胃口,它可以根据表格ID给指定的表格添加你想要的样式,不过这就需要你懂一些CSS技巧了。我这里给大家提供一些使用案例,希望能帮到大家。如果站长想修改tablepress插件分页的样式的话可以参考这篇文章:tablepress修改分页样式

//设置表头tr下面th的背景颜色
.tablepress thead tr th {
	background-color: #f7f7f7;
}
//设置表头tr下的th文字居中
.tablepress thead tr th {
	text-align: center;
}
//去掉表格ID为2的表头样式,如果想去掉表格ID为6的样式,把2改成6就可以了
.tablepress-id-2 thead {
	display: none;
}

tablepress插件选项

好了,tablepress使用的介绍就到这里,如果大家还有疑问的可以在文章下面留言,我会在第一时间回复大家的提问。希望大家看完这篇文章之后对自己建站有所帮助,如果文章有哪里不对的地方还请大佬指出来我修改修改。如果喜欢文章的话可以关注收藏本网站,之后也会每天定时发布文章。

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

发表一下你的评论呗

回复评论代表你同意网站的 隐私政策

  1. qq_avatar suchuan说道:

    为什么我添加css样式,表格没有变化?

    1. 要把css添加在plugin Options里面,并且指定表格名称。如果有缓存就清一下缓存,列如:
      //去掉表格ID为2的表头样式
      .tablepress-id-2 thead {
      display: none;
      }

      1. qq_avatar suchuan说道:

        css加载不了,不知道什么原因
        缓存清除了,应该不是缓存问题

        1. 点击查看网页源代码,查找一下有没有如下代码:style id=’tablepress-default-inline-css’ type=’text/css’。有的话就是加载了tablepress的样式了

      2. qq_avatar suchuan说道:

        没有class是qmbox,请问一下是什么原因呢?谢谢

        1. 不好意思,你这个问题的qmbox我不太理解,最简单的办法就是重装插件。可能出现的原因:主题与插件不兼容。

          1. qq_avatar suchuan说道:

            谢谢您!

... 友情提示 请保留版权标识
复制成功!
目录