HappySky 发表于 2013-9-11 11:54:53

快速制作漂亮的表格

因为我本身也经常需要用到一些针对产品比较的表格，而且觉得tablepress弄表格比较麻烦，所以找到一些方法分享给大家：

1. 打开tablestyler.com这个网站，选择需要的表格样式，可以选择是否保留表格头部和底部自定义颜色样式等等大家自己看看吧：



将对应的HTML代码粘贴到WORDPRESS的POST或者PAGE里的对应位置。



2. 安装WP插件：Simple Custom CSS

激活后点设置插件，将对应生成的CSS代码放进去，点UPDATE



DONE

注意：如果需要插入不同的表格对应不同的样式，则需要对应不同的代码，只需要简单的修改一下类名称就行了，比如：<div class="datagrid"><table> 标红文字改成其他名字就OK了



zgytljswzk 发表于 2013-9-11 12:05:10

收藏了，谢谢！！！！！！！！！！！！1

爱拉灯 发表于 2013-9-11 12:37:31

实用的方法，谢谢分享

得失 发表于 2013-9-11 13:00:03

不错，很实用的网站   

phozan 发表于 2013-9-11 13:39:17

不错网络资源很丰富就看自己整合的能力了   

fantasy163 发表于 2013-9-11 13:56:54

很不错的方法,收藏 了:lol

weijinmen 发表于 2013-9-11 14:58:45

感谢楼主的分享
很有用谢谢

niujing13 发表于 2013-9-11 15:10:20

非常实用，收藏备用 :)

mumuriwang 发表于 2013-9-11 15:13:33

本帖最后由 mumuriwang 于 2013-9-11 15:18 编辑

真心的感觉很好···收藏着！:victory:但好像伸张的空间有限···比如更多的产品比较的话，就没法弄了！

d2k01 发表于 2013-9-11 16:15:33

太好了很好的方法，谢谢，

jayhkun 发表于 2013-9-11 17:24:15

mark一下，将来可能用的上

bbhit 发表于 2013-9-11 17:29:26

很不错，这个也不错
http://www.tablesgenerator.com/html_tables

龙腾山河 发表于 2013-9-11 17:40:15

这个不错 又学习到一点知识 收藏备用 感谢楼主

X-Man 发表于 2013-9-11 21:22:13

非常好，谢谢分享，收藏备用。   

gger 发表于 2013-9-11 21:40:11

谢谢分享 表格是个很常用又很实用的工具啊

xjyoyo 发表于 2013-9-11 21:54:01

很实用，收藏了以后可能用的着。可惜今天没分加了

wawylysys 发表于 2013-9-11 21:59:56

很给力，做amazon经常用到表格，收藏加分拿下

阿尔萨斯 发表于 2013-9-12 09:43:02

好工具，谢谢分享:loveliness:

haichao 发表于 2013-9-12 11:34:39

收藏备用，正在找这个功能呢

ryan2101 发表于 2013-9-15 11:19:30

楼主的办法很实用，感谢分享。
页: [1]
查看完整版本: 快速制作漂亮的表格