如何移除嵌入Google Drive文件夹的「最后修改时间」栏？

云上老周

2026-8-7

解决WordPress嵌入Google Drive文件夹只显示标题且避免遮挡的问题

以下是两种可行的解决方案，针对你的需求调整嵌入效果：

方案一：通过JS注入CSS精确隐藏修改时间列

这种方法能彻底隐藏修改时间栏，同时让标题列占满宽度，需要给iframe添加ID并配合一段脚本：

<div class="drive-embed-container">
  <iframe id="custom-drive-iframe" src="https://drive.google.com/embeddedfolderview?id=MY_FOLDERS_ID#list" style="width:100%; height:250px; border:0;"></iframe>
</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
  const iframe = document.getElementById('custom-drive-iframe');
  iframe.onload = () => {
    try {
      const styleEl = document.createElement('style');
      styleEl.textContent = `
        /* 隐藏修改时间列 */
        .Q5txwe .ub9OPe:nth-child(3) { display: none !important; }
        /* 让标题列占满容器宽度 */
        .Q5txwe .ub9OPe:first-child { width: 100% !important; }
      `;
      iframe.contentDocument.head.appendChild(styleEl);
    } catch(err) {
      console.log('跨域限制无法注入样式，请尝试方案二');
    }
  };
});
</script>

操作说明：

在WordPress编辑器切换到「代码编辑器」模式，替换MY_FOLDERS_ID为你的文件夹ID后粘贴代码。
如果Google Drive更新嵌入式视图的类名，可通过浏览器开发者工具查看当前列的类名，再调整CSS选择器。

方案二：容器裁剪快速隐藏修改时间（无需脚本）

如果跨域限制导致方案一失效，用容器裁剪的方式把右侧的修改时间栏移出视野：

<div style="width: 100%; overflow: hidden; position: relative;">
  <iframe src="https://drive.google.com/embeddedfolderview?id=MY_FOLDERS_ID#list" style="width: calc(100% + 150px); height:250px; border:0; margin-right: -150px;"></iframe>
</div>

操作说明：