WordPress 插入表格最简单的方法,无需插件!

古腾堡表格

CSS代码控制 

WordPress 发表文章时大部分情况其实用不到表格,但还是少不了,偶尔会用到。刚刚发文插入了一个表格,没有使用额外的插件,感觉最简单的方法就是:借用 Excel

在 Excel 编辑好表格之后,选中表格,并复制。这里要注意的是,多余的空格不要复制。然后粘贴到 WordPress 后台发文处,但是一定要粘贴到编辑器的“可视化”模式里。

保存发表之后,前台就能看到了,但是有个问题,没有边框,文字也不居中,影响了美观。怎么办?靠 CSS

添加一些css代码来设置边框和文字居中,比如:

td,tr{border:1px solid #eee;text-align:center;padding:10px;}

可以将以上代码加到网站后台的 custom css 中,然后保存,再刷新前台,就可以看到效果了!

此外,你也可随意调节文字加粗加红等,并且在切换到编辑器的文本模式后,通过修改 width 和 height 调节表格的宽度、高度。

 

表格样式网站

https://www.tablesgenerator.com/html_tables

赞 (5)