移除嵌入WordPress的Google表格表头、行号及底部栏方法
解决Google表格嵌入WordPress后隐藏标题、行号、底部栏及边框的问题
核心问题分析
你当前用的是编辑链接嵌入,且参数格式错误(出现了两个?),导致无法正确触发隐藏元素的功能。需要改用Google表格的「发布到网页」链接,并搭配正确的参数。
步骤1:获取正确的发布链接
- 打开你的Google表格,点击右上角「分享」→「发布到网页」
- 在弹出窗口中,选择要嵌入的工作表,格式选「网页」,点击「发布」(确认弹窗选择「确定」)
- 复制生成的发布链接(格式类似:
https://docs.google.com/spreadsheets/d/e/2PACX-1vQxxxxxx/pubhtml)
步骤2:修改iframe代码(带隐藏参数)
将下面的代码替换你当前的iframe,把[你的发布链接]替换成刚才复制的链接:
<center> <iframe src="[你的发布链接]?chrome=false&headers=false&gridlines=false" width="900" height="2100" frameborder="0" data-mce-fragment="1" ></iframe> </center>
参数说明
chrome=false:隐藏顶部的Google导航栏和底部的「添加1000行」栏headers=false:隐藏列标题(A/B/C...)和行号(1/2/3...)gridlines=false:隐藏单元格的边框网格线frameborder="0":移除iframe本身的边框
额外调整(如果仍有残留样式)
如果发布参数没完全解决边框问题,可以给iframe加自定义CSS(WordPress后台→外观→自定义→额外CSS):
iframe { border: none !important; }
内容的提问来源于stack exchange,提问作者Oliver Guise-Smith
相关产品推荐
相关产品推荐

